<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[28027] trunk/src/wp-includes: TinyMCE help modal:</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/28027">28027</a></dd>
<dt>Author</dt> <dd>azaozz</dd>
<dt>Date</dt> <dd>2014-04-07 23:52:55 +0000 (Mon, 07 Apr 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>TinyMCE help modal:
- Don't load the old tiny_mce_popup.js.
- Add the shortcut for <code> and the second shortcut for link to the shortcuts listing.
- Update some of the text.
See <a href="http://core.trac.wordpress.org/ticket/27100">#27100</a></pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpincludesclasswpeditorphp">trunk/src/wp-includes/class-wp-editor.php</a></li>
<li><a href="#trunksrcwpincludesjstinymcepluginswordpresspluginjs">trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js</a></li>
<li><a href="#trunksrcwpincludesjstinymcewpmcehelpphp">trunk/src/wp-includes/js/tinymce/wp-mce-help.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpincludesclasswpeditorphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-includes/class-wp-editor.php (28026 => 28027)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-includes/class-wp-editor.php 2014-04-07 23:08:46 UTC (rev 28026)
+++ trunk/src/wp-includes/class-wp-editor.php 2014-04-07 23:52:55 UTC (rev 28027)
</span><span class="lines">@@ -962,7 +962,7 @@
</span><span class="cx"> 'Format' => _x( 'Format', 'TinyMCE menu' ),
</span><span class="cx">
</span><span class="cx"> // WordPress strings
</span><del>- 'Help' => __( 'Help' ),
</del><ins>+ 'Editor Help' => __( 'Editor Help' ),
</ins><span class="cx"> 'Toolbar Toggle' => __( 'Toolbar Toggle' ),
</span><span class="cx"> 'Insert Read More tag' => __( 'Insert Read More tag' ),
</span><span class="cx"> 'Distraction Free Writing' => __( 'Distraction Free Writing' ),
</span></span></pre></div>
<a id="trunksrcwpincludesjstinymcepluginswordpresspluginjs"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js (28026 => 28027)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js 2014-04-07 23:08:46 UTC (rev 28026)
+++ trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js 2014-04-07 23:52:55 UTC (rev 28027)
</span><span class="lines">@@ -181,6 +181,7 @@
</span><span class="cx"> editor.addCommand( 'WP_Help', function() {
</span><span class="cx"> editor.windowManager.open({
</span><span class="cx"> url: tinymce.baseURL + '/wp-mce-help.php',
</span><ins>+ title: 'Editor Help',
</ins><span class="cx"> width: 450,
</span><span class="cx"> height: 420,
</span><span class="cx"> inline: 1,
</span><span class="lines">@@ -210,7 +211,7 @@
</span><span class="cx"> });
</span><span class="cx">
</span><span class="cx"> editor.addButton( 'wp_help', {
</span><del>- tooltip: 'Help',
</del><ins>+ tooltip: 'Editor Help',
</ins><span class="cx"> cmd: 'WP_Help'
</span><span class="cx"> });
</span><span class="cx">
</span></span></pre></div>
<a id="trunksrcwpincludesjstinymcewpmcehelpphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-includes/js/tinymce/wp-mce-help.php (28026 => 28027)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-includes/js/tinymce/wp-mce-help.php 2014-04-07 23:08:46 UTC (rev 28026)
+++ trunk/src/wp-includes/js/tinymce/wp-mce-help.php 2014-04-07 23:52:55 UTC (rev 28027)
</span><span class="lines">@@ -13,8 +13,8 @@
</span><span class="cx"> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
</span><span class="cx"> <head>
</span><span class="cx"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php echo get_option('blog_charset'); ?>" />
</span><del>-<title><?php _e('Rich Editor Help'); ?></title>
-<script type="text/javascript" src="tiny_mce_popup.js?ver=358-20121205"></script>
</del><ins>+<title><?php _e('Editor Help'); ?></title>
+
</ins><span class="cx"> <?php wp_admin_css( 'wp-admin', true ); ?>
</span><span class="cx"> <style type="text/css">
</span><span class="cx">
</span><span class="lines">@@ -131,8 +131,11 @@
</span><span class="cx"> </head>
</span><span class="cx"> <body class="windows wp-core-ui">
</span><span class="cx"> <script type="text/javascript">
</span><del>-if ( tinymce.isMac )
</del><ins>+var win = window.dialogArguments || opener || parent || top;
+
+if ( win && win.tinymce && win.tinymce.isMac ) {
</ins><span class="cx"> document.body.className = document.body.className.replace(/windows/, 'macos');
</span><ins>+}
</ins><span class="cx"> </script>
</span><span class="cx">
</span><span class="cx"> <div id="tabs">
</span><span class="lines">@@ -147,7 +150,7 @@
</span><span class="cx"> <div id="content1">
</span><span class="cx"> <h2><?php _e('Rich Editing Basics'); ?></h2>
</span><span class="cx"> <p><?php _e('<em>Rich editing</em>, also called WYSIWYG for What You See Is What You Get, means your text is formatted as you type. The rich editor creates HTML code behind the scenes while you concentrate on writing. Font styles, links and images all appear approximately as they will on the internet.'); ?></p>
</span><del>- <p><?php _e('WordPress includes a rich HTML editor that works well in all major web browsers used today. However editing HTML is not the same as typing text. Each web page has two major components: the structure, which is the actual HTML code and is produced by the editor as you type, and the display, that is applied to it by the currently selected WordPress theme and is defined in style.css. WordPress is producing valid XHTML 1.0 which means that inserting multiple line breaks (BR tags) after a paragraph would not produce white space on the web page. The BR tags will be removed as invalid by the internal HTML correcting functions.'); ?></p>
</del><ins>+ <p><?php _e('WordPress includes a rich HTML editor that works well in all major web browsers used today. However editing HTML is not the same as typing text. Each web page has two major components: the structure, which is the actual HTML code and is produced by the editor as you type, and the display, that is applied to it by the currently selected WordPress theme and is defined in style.css. WordPress is producing valid HTML 5.0 which means that inserting multiple line breaks (BR tags) after a paragraph would not produce white space on the web page. The BR tags will be removed as invalid by the internal HTML correcting functions.'); ?></p>
</ins><span class="cx"> <p><?php _e('While using the editor, most basic keyboard shortcuts work like in any other text editor. For example: Shift+Enter inserts line break, Ctrl+C = copy, Ctrl+X = cut, Ctrl+Z = undo, Ctrl+Y = redo, Ctrl+A = select all, etc. (on Mac use the Command key instead of Ctrl). See the Hotkeys tab for all available keyboard shortcuts.'); ?></p>
</span><span class="cx"> <p><?php _e('If you do not like the way the rich editor works, you may turn it off from Your Profile submenu, under Users in the admin menu.'); ?></p>
</span><span class="cx"> </div>
</span><span class="lines">@@ -155,10 +158,10 @@
</span><span class="cx"> <div id="content2" class="hidden">
</span><span class="cx"> <h2><?php _e('Advanced Rich Editing'); ?></h2>
</span><span class="cx"> <h3><?php _e('Images and Attachments'); ?></h3>
</span><del>- <p><?php _e('There is a button in the editor toolbar for inserting images that are already hosted somewhere on the internet. If you have a URL for an image, click this button and enter the URL in the box which appears.'); ?></p>
- <p><?php _e('If you need to upload an image or another media file from your computer, you can use the Media Library button above the editor. The media library will attempt to create a thumbnail-sized copy from each uploaded image. To insert your image into the post, first click on the thumbnail to reveal a menu of options. When you have selected the options you like, click "Insert into Post" and your image or file will appear in the post you are editing.'); ?></p>
</del><ins>+ <p><?php _e('The Add Media button above the editor toolbar can be used for inserting images that are already hosted somewhere on the internet. If you have a URL for an image, click this button, select Insert from URL, and enter the URL in the box which appears.'); ?></p>
+ <p><?php _e('If you need to upload an image or another media file from your computer, you can use the same Add Media button and select Insert Media: Upload Files or drag the files you wish to upload from the desktop and drop them into the browser window. The media library will attempt to create a thumbnail-sized copy from each uploaded image. To insert your image into the post, first click on the thumbnail to reveal a menu of options. When you have selected the options you like, click "Insert into Post" and your image or file will appear in the post you are editing.'); ?></p>
</ins><span class="cx"> <h3><?php _e('HTML in the Rich Editor'); ?></h3>
</span><del>- <p><?php _e('Any HTML entered directly into the rich editor will show up as text when the post is viewed. What you see is what you get. When you want to include HTML elements that cannot be generated with the toolbar buttons, you must enter it by hand in the Text editor. Examples are tables and <code>. To do this, click the Text tab and edit the code, then switch back to Visual mode. If the code is valid and understood by the editor, you should see it rendered immediately.'); ?></p>
</del><ins>+ <p><?php _e('Any HTML entered directly into the rich editor will show up as text when the post is viewed. What you see is what you get. When you want to include HTML code that cannot be generated with the toolbar buttons, you must enter it by hand in the Text editor. Examples are tables and <div>. To do this, click the Text tab and edit the code, then switch back to Visual mode. If the code is valid and understood by the editor, you should see it rendered immediately.'); ?></p>
</ins><span class="cx"> <h3><?php _e('Pasting in the Rich Editor'); ?></h3>
</span><span class="cx"> <p><?php _e('When pasting content from another web page the results can be inconsistent and depend on your browser and on the web page you are pasting from. The editor tries to correct any invalid HTML code that was pasted, but for best results try using the Text tab or the "Paste as text" button on the second row. Alternatively try pasting paragraph by paragraph. In most browsers to select one paragraph at a time, triple-click on it.'); ?></p>
</span><span class="cx"> <p><?php _e('Pasting content from another application, like Word or Excel, is automatically handled. If you want it to appear as plain text instead, you can use "Paste as text" button on the second row, or paste directly in Text mode.'); ?></p>
</span><span class="lines">@@ -173,12 +176,12 @@
</span><span class="cx"> <tr><th>c</th><td><?php _e('Copy'); ?></td><th>v</th><td><?php _e('Paste'); ?></td></tr>
</span><span class="cx"> <tr><th>a</th><td><?php _e('Select all'); ?></td><th>x</th><td><?php _e('Cut'); ?></td></tr>
</span><span class="cx"> <tr><th>z</th><td><?php _e('Undo'); ?></td><th>y</th><td><?php _e('Redo'); ?></td></tr>
</span><del>-
</del><span class="cx"> <tr><th>b</th><td><?php _e('Bold'); ?></td><th>i</th><td><?php _e('Italic'); ?></td></tr>
</span><span class="cx"> <tr><th>u</th><td><?php _e('Underline'); ?></td><th>1</th><td><?php _e('Heading 1'); ?></td></tr>
</span><span class="cx"> <tr><th>2</th><td><?php _e('Heading 2'); ?></td><th>3</th><td><?php _e('Heading 3'); ?></td></tr>
</span><span class="cx"> <tr><th>4</th><td><?php _e('Heading 4'); ?></td><th>5</th><td><?php _e('Heading 5'); ?></td></tr>
</span><span class="cx"> <tr><th>6</th><td><?php _e('Heading 6'); ?></td><th>9</th><td><?php _e('Address'); ?></td></tr>
</span><ins>+ <tr><th>k</th><td><?php _e('Insert/edit link'); ?></td><th> </th><td> </td></tr>
</ins><span class="cx"> </table>
</span><span class="cx">
</span><span class="cx"> <p><?php _e('The following shortcuts use different access keys: Alt + Shift + letter.'); ?></p>
</span><span class="lines">@@ -192,6 +195,7 @@
</span><span class="cx"> <tr><th>q</th><td><?php _e('Quote'); ?></td><th>m</th><td><?php _e('Insert Image'); ?></td></tr>
</span><span class="cx"> <tr><th>w</th><td><?php _e('Distraction Free Writing mode'); ?></td><th>t</th><td><?php _e('Insert More Tag'); ?></td></tr>
</span><span class="cx"> <tr><th>p</th><td><?php _e('Insert Page Break tag'); ?></td><th>h</th><td><?php _e('Help'); ?></td></tr>
</span><ins>+ <tr><th>x</th><td><?php _e('Add/remove code tag'); ?></td><th> </th><td> </td></tr>
</ins><span class="cx"> </table>
</span><span class="cx">
</span><span class="cx"> <p style="padding: 15px 10px 10px;"><?php _e('Editor width in Distraction Free Writing mode:'); ?></p>
</span><span class="lines">@@ -213,7 +217,9 @@
</span><span class="cx">
</span><span class="cx"> </div>
</span><span class="cx"> <script type="text/javascript">
</span><del>- function d(id) { return document.getElementById(id); }
</del><ins>+ function d(id) {
+ return document.getElementById(id);
+ }
</ins><span class="cx">
</span><span class="cx"> function flipTab(n) {
</span><span class="cx"> var i, c, t;
</span><span class="lines">@@ -231,18 +237,10 @@
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><del>- tinyMCEPopup.onInit.add(function() {
- var win = tinyMCEPopup.getWin();
-
- d('version').innerHTML = tinymce.majorVersion + "." + tinymce.minorVersion;
- d('date').innerHTML = tinymce.releaseDate;
-
- if ( win.fullscreen && win.fullscreen.settings.visible ) {
- d('content1').className = 'hidden';
- d('tabs').className = 'hidden';
- d('content3').className = 'dfw';
- }
- });
</del><ins>+ if ( win && win.tinymce ) {
+ d('version').innerHTML = win.tinymce.majorVersion + "." + win.tinymce.minorVersion;
+ d('date').innerHTML = win.tinymce.releaseDate;
+ }
</ins><span class="cx"> </script>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre>
</div>
</div>
</body>
</html>