<!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>[32951] trunk/src/wp-includes: TinyMCE: update the Keyboard Shortcuts help modal, use the TinyMCE UI API instead of an iframe.</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" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/32951">32951</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/32951","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>azaozz</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2015-06-26 04:39:11 +0000 (Fri, 26 Jun 2015)</dd>
</dl>

<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>TinyMCE: update the Keyboard Shortcuts help modal, use the TinyMCE UI API instead of an iframe.
Props iseulde, azaozz. Fixes <a href="https://core.trac.wordpress.org/ticket/31913">#31913</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpincludesclasswpeditorphp">trunk/src/wp-includes/class-wp-editor.php</a></li>
<li><a href="#trunksrcwpincludescsseditorcss">trunk/src/wp-includes/css/editor.css</a></li>
<li><a href="#trunksrcwpincludesjstinymcepluginswordpresspluginjs">trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js</a></li>
</ul>

<h3>Removed Paths</h3>
<ul>
<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 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/class-wp-editor.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/class-wp-editor.php 2015-06-26 01:38:25 UTC (rev 32950)
+++ trunk/src/wp-includes/class-wp-editor.php   2015-06-26 04:39:11 UTC (rev 32951)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1018,14 +1018,30 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        'Format' => _x( 'Format', 'TinyMCE menu' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                        // WordPress strings
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        'Keyboard Shortcuts' => __( 'Keyboard Shortcuts' ),
</del><span class="cx" style="display: block; padding: 0 10px">                         'Toolbar Toggle' => __( 'Toolbar Toggle' ),
</span><span class="cx" style="display: block; padding: 0 10px">                        'Insert Read More tag' => __( 'Insert Read More tag' ),
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                        'Insert Page Break tag' => __( 'Insert Page Break tag' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                         'Read more...' => __( 'Read more...' ), // Title on the placeholder inside the editor
</span><span class="cx" style="display: block; padding: 0 10px">                        'Distraction-free writing mode' => __( 'Distraction-free writing mode' ),
</span><span class="cx" style="display: block; padding: 0 10px">                        'No alignment' => __( 'No alignment' ), // Tooltip for the 'alignnone' button in the image toolbar
</span><span class="cx" style="display: block; padding: 0 10px">                        'Remove' => __( 'Remove' ), // Tooltip for the 'remove' button in the image toolbar
</span><span class="cx" style="display: block; padding: 0 10px">                        'Edit ' => __( 'Edit' ), // Tooltip for the 'edit' button in the image toolbar
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+                       // Shortcuts help modal
+                       'Keyboard Shortcuts' => __( 'Keyboard Shortcuts' ),
+                       'Default shortcuts,' => __( 'Default shortcuts,' ),
+                       'Additional shortcuts,' => __( 'Additional shortcuts,' ),
+                       'Focus shortcuts:' => __( 'Focus shortcuts:' ),
+                       'Inline toolbar (when an image, link or preview is selected)' => __( 'Inline toolbar (when an image, link or preview is selected)' ),
+                       'Editor menu (when enabled)' => __( 'Editor menu (when enabled)' ),
+                       'Editor toolbar' => __( 'Editor toolbar' ),
+                       'Elements path' => __( 'Elements path' ),
+                       'Ctrl + Alt + letter:' => __( 'Ctrl + Alt + letter:' ),
+                       'Shift + Alt + letter:' => __( 'Shift + Alt + letter:' ),
+                       'Cmd + letter:' => __( 'Cmd + letter:' ),
+                       'Ctrl + letter:' => __( 'Ctrl + letter:' ),
+                       'Letter' => __( 'Letter' ),
+                       'Action' => __( 'Action' ),
</ins><span class="cx" style="display: block; padding: 0 10px">                 );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                /**
</span></span></pre></div>
<a id="trunksrcwpincludescsseditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/css/editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/css/editor.css      2015-06-26 01:38:25 UTC (rev 32950)
+++ trunk/src/wp-includes/css/editor.css        2015-06-26 04:39:11 UTC (rev 32951)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -79,8 +79,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        width: calc( 100% - 36px );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.mce-wp-help .mce-window-head {
-       border-bottom: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.mce-window .mce-foot {
+       border-top: 1px solid #dfdfdf;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .mce-textbox,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -104,6 +104,69 @@
</span><span class="cx" style="display: block; padding: 0 10px">        box-shadow: 0 0 2px rgba(30,140,190,0.8);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.mce-window .mce-wp-help {
+       height: 320px;
+       width: 360px;
+       overflow: auto;
+}
+
+.mce-window .mce-wp-help * {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.mce-window .mce-wp-help .mce-container-body.mce-undefined {
+       width: auto !important;
+}
+
+.mce-window .wp-editor-help {
+       width: 340px;
+       padding: 10px 15px 0;
+}
+
+.mce-window .wp-editor-help p {
+       margin: 7px 0;
+}
+
+.mce-window .wp-editor-help table {
+       width: 320px;
+       margin-bottom: 20px;
+}
+
+.mce-window .wp-editor-help td,
+.mce-window .wp-editor-help th {
+       font-size: 13px;
+       vertical-align: middle;
+       
+}
+
+.mce-window .wp-editor-help td {
+       padding: 5px;
+       word-wrap: break-word;
+       white-space: normal;
+}
+
+.mce-window .wp-editor-help th {
+       font-weight: bold;
+       padding: 5px 0 0;
+       text-align: center;
+}
+
+.mce-window .wp-editor-help kbd {
+       font-family: monospace;
+       padding: 2px 7px;
+       font-weight: bold;
+       margin: 0 1px;
+       background: #eaeaea;
+       background: rgba(0,0,0,0.08);
+}
+
+.mce-window .wp-help-header td {
+       font-weight: bold;
+       padding: 0 5px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* TinyMCE menus */
</span><span class="cx" style="display: block; padding: 0 10px"> .mce-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .mce-floatpanel.mce-popover {
</span></span></pre></div>
<a id="trunksrcwpincludesjstinymcepluginswordpresspluginjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js      2015-06-26 01:38:25 UTC (rev 32950)
+++ trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js        2015-06-26 04:39:11 UTC (rev 32951)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -201,15 +201,87 @@
</span><span class="cx" style="display: block; padding: 0 10px">        });
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        editor.addCommand( 'WP_Help', function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                editor.windowManager.open({
-                       url: tinymce.baseURL + '/wp-mce-help.php',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         var access = tinymce.Env.mac ? __( 'Ctrl + Alt + letter:' ) : __( 'Shift + Alt + letter:' ),
+                       meta = tinymce.Env.mac ? __( 'Cmd + letter:' ) : __( 'Ctrl + letter:' ),
+                       table1 = [],
+                       table2 = [],
+                       header;
+
+               each( [
+                       { c: 'Copy',      x: 'Cut'              },
+                       { v: 'Paste',     a: 'Select all'       },
+                       { z: 'Undo',      y: 'Redo'             },
+                       { b: 'Bold',      i: 'Italic'           },
+                       { u: 'Underline', k: 'Insert/edit link' }
+               ], function( row ) {
+                       table1.push( tr( row ) );
+               } );
+
+               each( [
+                       { 1: 'Heading 1',             2: 'Heading 2'                     },
+                       { 3: 'Heading 3',             4: 'Heading 4'                     },
+                       { 5: 'Heading 5',             6: 'Heading 6'                     },
+                       { l: 'Align left',            c: 'Align center'                  },
+                       { r: 'Align right',           j: 'Justify'                       },
+                       { d: 'Strikethrough',         q: 'Blockquote'                    },
+                       { u: 'Bullet list',           o: 'Numbered list'                 },
+                       { a: 'Insert/edit link',      s: 'Remove link'                   },
+                       { m: 'Insert/edit image',     t: 'Insert Read More tag'          },
+                       { h: 'Keyboard Shortcuts',    x: 'Code'                          },
+                       { p: 'Insert Page Break tag', w: 'Distraction-free writing mode' }
+               ], function( row ) {
+                       table2.push( tr( row ) );
+               } );
+
+               function tr( row ) {
+                       var out = '<tr>';
+
+                       each( row, function( text, key ) {
+                               if ( ! text ) {
+                                       out += '<th></th><td></td>';
+                               } else {
+                                       out += '<th><kbd>' + key + '</kbd></th><td>' + __( text ) + '</td>';
+                               }
+                       });
+
+                       return out + '</tr>';
+               }
+
+               header = [ __( 'Letter' ), __( 'Action' ), __( 'Letter' ), __( 'Action' ) ];
+               header = '<tr class="wp-help-header"><td>' + header.join( '</td><td>' ) + '</td></tr>';
+
+               editor.windowManager.open( {
</ins><span class="cx" style="display: block; padding: 0 10px">                         title: 'Keyboard Shortcuts',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        width: 450,
-                       height: 420,
-                       classes: 'wp-help',
-                       buttons: { text: 'Close', onclick: 'close' }
-               });
-       });
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 items: {
+                               type: 'container',
+                               classes: 'wp-help',
+                               html: (
+                                       '<div class="wp-editor-help">' +
+                                       '<p>' + __( 'Default shortcuts,' ) + ' ' + meta + '</p>' +
+                                       '<table>' +
+                                               header +
+                                               table1.join('') +
+                                       '</table>' +
+                                       '<p>' + __( 'Additional shortcuts,' ) + ' ' + access + '</p>' +
+                                       '<table>' +
+                                               header +
+                                               table2.join('') +
+                                       '</table>' +
+                                       '<p>' + __( 'Focus shortcuts:' ) + '</p>' +
+                                       '<table>' +
+                                               tr({ 'Alt + F8':  'Inline toolbar (when an image, link or preview is selected)' }) +
+                                               tr({ 'Alt + F9':  'Editor menu (when enabled)' }) +
+                                               tr({ 'Alt + F10': 'Editor toolbar' }) +
+                                               tr({ 'Alt + F11': 'Elements path' }) +
+                                       '</table></div>'
+                               )
+                       },
+                       buttons: {
+                               text: 'Close',
+                               onclick: 'close'
+                       }
+               } );
+       } );
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        editor.addCommand( 'WP_Medialib', function() {
</span><span class="cx" style="display: block; padding: 0 10px">                if ( wp && wp.media && wp.media.editor ) {
</span></span></pre></div>
<a id="trunksrcwpincludesjstinymcewpmcehelpphp"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-includes/js/tinymce/wp-mce-help.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/js/tinymce/wp-mce-help.php  2015-06-26 01:38:25 UTC (rev 32950)
+++ trunk/src/wp-includes/js/tinymce/wp-mce-help.php    2015-06-26 04:39:11 UTC (rev 32951)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,142 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
-/**
- * @package TinyMCE
- * @author Moxiecode
- * @copyright Copyright © 2005-2006, Moxiecode Systems AB, All rights reserved.
- */
-
-/** @ignore */
-require_once( dirname( dirname( dirname( dirname( __FILE__ ) ) ) ) . '/wp-load.php' );
-header('Content-Type: text/html; charset=' . get_bloginfo('charset'));
-?>
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
-<head>
-<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php echo get_option('blog_charset'); ?>" />
-<title><?php _e('Keyboard Shortcuts'); ?></title>
-
-<?php wp_admin_css( 'wp-admin', true ); ?>
-<style type="text/css">
-
-       html {
-               background: #fcfcfc;
-               overflow: hidden;
-       }
-
-       body {
-               min-width: 0;
-       }
-
-       .wrap {
-               background-color: #fff;
-               border-top: 1px solid #ddd;
-               height: 390px;
-               margin: 0;
-               overflow: auto;
-               padding: 10px 16px;
-       }
-
-       th {
-               text-align: center;
-       }
-
-       .top th {
-               text-decoration: underline;
-       }
-
-       .top .key {
-               text-align: center;
-               width: 5em;
-       }
-
-       .keys {
-               border: 0 none;
-               margin-bottom: 15px;
-               width: 100%;
-       }
-
-       .keys p {
-               display: inline-block;
-               margin: 0px;
-               padding: 0px;
-       }
-
-       .keys .left {
-               text-align: left;
-       }
-
-       .keys .center {
-               text-align: center;
-       }
-
-       .keys .right {
-               text-align: right;
-       }
-</style>
-<?php if ( is_rtl() ) : ?>
-<style type="text/css">
-
-       .keys .left {
-               text-align: right;
-       }
-
-       .keys .right {
-               text-align: left;
-       }
-
-</style>
-<?php endif; ?>
-</head>
-<body class="windows wp-core-ui">
-
-<div class="wrap">
-
-<div>
-       <p><?php _e('Rather than reaching for your mouse to click on the toolbar, use these access keys. Windows and Linux use Ctrl + letter. Macintosh uses Command + letter.'); ?></p>
-
-       <table class="keys">
-               <tr class="top"><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th></tr>
-               <tr><th>c</th><td><?php _e('Copy'); ?></td><th>v</th><td><?php _e('Paste'); ?></td></tr>
-               <tr><th>a</th><td><?php _e('Select all'); ?></td><th>x</th><td><?php _e('Cut'); ?></td></tr>
-               <tr><th>z</th><td><?php _e('Undo'); ?></td><th>y</th><td><?php _e('Redo'); ?></td></tr>
-               <tr><th>b</th><td><?php _e('Bold'); ?></td><th>i</th><td><?php _e('Italic'); ?></td></tr>
-               <tr><th>u</th><td><?php _e('Underline'); ?></td><th>k</th><td><?php _e('Insert/edit link'); ?></td></tr>
-       </table>
-
-       <p>
-               <?php _e('The following shortcuts use different access keys: Alt + Shift + letter.'); ?>
-               <?php _e('Macintosh uses Ctrl + Alt + letter.'); ?>
-       </p>
-       <table class="keys">
-               <tr class="top"><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th><th class="key center"><?php _e('Letter'); ?></th><th class="left"><?php _e('Action'); ?></th></tr>
-
-               <tr><th>1</th><td><?php _e('Heading 1'); ?></td><th>2</th><td><?php _e('Heading 2'); ?></td></tr>
-               <tr><th>3</th><td><?php _e('Heading 3'); ?></td><th>4</th><td><?php _e('Heading 4'); ?></td></tr>
-               <tr><th>5</th><td><?php _e('Heading 5'); ?></td><th>6</th><td><?php _e('Heading 6'); ?></td></tr>
-
-               <tr><th>n</th><td><?php _e('Check Spelling'); ?></td><th>l</th><td><?php _e('Align Left'); ?></td></tr>
-               <tr><th>j</th><td><?php _e('Justify Text'); ?></td><th>c</th><td><?php _e('Align Center'); ?></td></tr>
-               <tr><th>d</th><td><span style="text-decoration: line-through;"><?php _e('Strikethrough'); ?></span></td><th>r</th><td><?php _e('Align Right'); ?></td></tr>
-               <tr><th>u</th><td><strong>&bull;</strong> <?php _e('List'); ?></td><th>a</th><td><?php _e('Insert/edit link'); ?></td></tr>
-               <tr><th>o</th><td>1. <?php _e('List'); ?></td><th>s</th><td><?php _e('Remove link'); ?></td></tr>
-               <tr><th>q</th><td><?php _e('Quote'); ?></td><th>m</th><td><?php _e('Insert Image'); ?></td></tr>
-               <tr><th>w</th><td><?php _e('Distraction-free writing mode'); ?></td><th>t</th><td><?php _e('Insert More Tag'); ?></td></tr>
-               <tr><th>p</th><td><?php _e('Insert Page Break tag'); ?></td><th>h</th><td><?php _e('Help'); ?></td></tr>
-               <tr><th>x</th><td><?php _e('Add/remove code tag'); ?></td><th> </th><td>&nbsp;</td></tr>
-       </table>
-
-       <p><?php _e('Focus shortcuts:'); ?></p>
-
-       <table class="keys focus">
-               <tr><th class="left">Alt + F8</th><td><?php _e('Image toolbar (when an image is selected)'); ?></td></tr>
-               <tr><th class="left">Alt + F9</th><td><?php _e('Editor menu (when enabled)'); ?></td></tr>
-               <tr><th class="left">Alt + F10</th><td><?php _e('Editor toolbar'); ?></td></tr>
-               <tr><th class="left">Alt + F11</th><td><?php _e('Elements path'); ?></td></tr>
-       </table>
-
-       <p><?php _e('To move focus to other buttons use Tab or the arrow keys. To return focus to the editor press Escape or use one of the buttons.'); ?></p>
-</div>
-
-</div>
-</body>
-</html>
</del></span></pre>
</div>
</div>

</body>
</html>