Changeset 27545

Timestamp:

03/14/2014 10:42:59 PM (10 years ago)

Author:

azaozz

Message:

TinyMCE: add internal command and shortcut (Alt+Shift+X) for toggling <code>. Define a button that can be added to any toolbar as wp_code. See #6113

Location:

trunk/src/wp-includes

Files:

• css/editor.css (modified) (1 diff)
• js/tinymce/plugins/wordpress/plugin.js (modified) (3 diffs)

trunk/src/wp-includes/css/editor.css

@@ -662 +662 @@
 }
 
+.mce-i-wp_code:before {
+    content: "\e017";
+}
+
 /* Editors */
 .wp-editor-wrap {

trunk/src/wp-includes/js/tinymce/plugins/wordpress/plugin.js

@@ -194 +194 @@
     });
 
+    editor.addCommand( 'WP_Code', function() {
+        editor.formatter.toggle('code');
+    });
+
     editor.addCommand( 'WP_Page', function() {
         editor.execCommand( 'WP_More', 'nextpage' );
@@ -231 +235 @@
         tooltip: 'Help',
         cmd: 'WP_Help'
+    });
+
+    editor.addButton( 'wp_code', {
+        tooltip: 'Code',
+        cmd: 'WP_Code',
+        stateSelector: 'code'
     });
 
@@ -443 +453 @@
     editor.addShortcut( modKey + '+h', '', 'WP_Help' );
     editor.addShortcut( modKey + '+p', '', 'WP_Page' );
+    editor.addShortcut( modKey + '+x', '', 'WP_Code' );
     editor.addShortcut( 'ctrl+s', '', function() {
         if ( typeof wp !== 'undefined' && wp.autosave ) {