WordPress.org

Make WordPress Core

Changeset 28027


Ignore:
Timestamp:
04/07/2014 11:52:55 PM (8 years ago)
Author:
azaozz
Message:

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 #27100

Location:
trunk/src/wp-includes
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/class-wp-editor.php

    r28026 r28027  
    963963
    964964            // WordPress strings
    965             'Help' => __( 'Help' ),
     965            'Editor Help' => __( 'Editor Help' ),
    966966            'Toolbar Toggle' => __( 'Toolbar Toggle' ),
    967967            'Insert Read More tag' => __( 'Insert Read More tag' ),
  • trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js

    r27901 r28027  
    182182        editor.windowManager.open({
    183183            url: tinymce.baseURL + '/wp-mce-help.php',
     184            title: 'Editor Help',
    184185            width: 450,
    185186            height: 420,
     
    211212
    212213    editor.addButton( 'wp_help', {
    213         tooltip: 'Help',
     214        tooltip: 'Editor Help',
    214215        cmd: 'WP_Help'
    215216    });
  • trunk/src/wp-includes/js/tinymce/wp-mce-help.php

    r27972 r28027  
    1414<head>
    1515<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php echo get_option('blog_charset'); ?>" />
    16 <title><?php _e('Rich Editor Help'); ?></title>
    17 <script type="text/javascript" src="tiny_mce_popup.js?ver=358-20121205"></script>
     16<title><?php _e('Editor Help'); ?></title>
     17
    1818<?php wp_admin_css( 'wp-admin', true ); ?>
    1919<style type="text/css">
     
    132132<body class="windows wp-core-ui">
    133133<script type="text/javascript">
    134 if ( tinymce.isMac )
     134var win = window.dialogArguments || opener || parent || top;
     135
     136if ( win && win.tinymce && win.tinymce.isMac ) {
    135137    document.body.className = document.body.className.replace(/windows/, 'macos');
     138}
    136139</script>
    137140
     
    148151    <h2><?php _e('Rich Editing Basics'); ?></h2>
    149152    <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>
    150     <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>
     153    <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>
    151154    <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>
    152155    <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>
     
    156159    <h2><?php _e('Advanced Rich Editing'); ?></h2>
    157160    <h3><?php _e('Images and Attachments'); ?></h3>
    158     <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>
    159     <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>
     161    <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>
     162    <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>
    160163    <h3><?php _e('HTML in the Rich Editor'); ?></h3>
    161     <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 &lt;code&gt;. 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>
     164    <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 &lt;div&gt;. 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>
    162165    <h3><?php _e('Pasting in the Rich Editor'); ?></h3>
    163166    <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>
     
    174177        <tr><th>a</th><td><?php _e('Select all'); ?></td><th>x</th><td><?php _e('Cut'); ?></td></tr>
    175178        <tr><th>z</th><td><?php _e('Undo'); ?></td><th>y</th><td><?php _e('Redo'); ?></td></tr>
    176 
    177179        <tr><th>b</th><td><?php _e('Bold'); ?></td><th>i</th><td><?php _e('Italic'); ?></td></tr>
    178180        <tr><th>u</th><td><?php _e('Underline'); ?></td><th>1</th><td><?php _e('Heading 1'); ?></td></tr>
     
    180182        <tr><th>4</th><td><?php _e('Heading 4'); ?></td><th>5</th><td><?php _e('Heading 5'); ?></td></tr>
    181183        <tr><th>6</th><td><?php _e('Heading 6'); ?></td><th>9</th><td><?php _e('Address'); ?></td></tr>
     184        <tr><th>k</th><td><?php _e('Insert/edit link'); ?></td><th> </th><td>&nbsp;</td></tr>
    182185    </table>
    183186
     
    193196        <tr><th>w</th><td><?php _e('Distraction Free Writing mode'); ?></td><th>t</th><td><?php _e('Insert More Tag'); ?></td></tr>
    194197        <tr><th>p</th><td><?php _e('Insert Page Break tag'); ?></td><th>h</th><td><?php _e('Help'); ?></td></tr>
     198        <tr><th>x</th><td><?php _e('Add/remove code tag'); ?></td><th> </th><td>&nbsp;</td></tr>
    195199    </table>
    196200
     
    214218</div>
    215219<script type="text/javascript">
    216     function d(id) { return document.getElementById(id); }
     220    function d(id) {
     221        return document.getElementById(id);
     222    }
    217223
    218224    function flipTab(n) {
     
    232238    }
    233239
    234     tinyMCEPopup.onInit.add(function() {
    235         var win = tinyMCEPopup.getWin();
    236 
    237         d('version').innerHTML = tinymce.majorVersion + "." + tinymce.minorVersion;
    238         d('date').innerHTML = tinymce.releaseDate;
    239 
    240         if ( win.fullscreen && win.fullscreen.settings.visible ) {
    241             d('content1').className = 'hidden';
    242             d('tabs').className = 'hidden';
    243             d('content3').className = 'dfw';
    244         }
    245     });
     240    if ( win && win.tinymce ) {
     241        d('version').innerHTML = win.tinymce.majorVersion + "." + win.tinymce.minorVersion;
     242        d('date').innerHTML = win.tinymce.releaseDate;
     243    }
    246244</script>
    247245</body>
Note: See TracChangeset for help on using the changeset viewer.