Ticket #6331: 6331.5.diff

src/wp-includes/class-wp-editor.php

@@ -243 +243 @@
                                                 'wplink',
                                                 'wpdialogs',
                                                 'wpview',
+                                                'wpcode',
                                         ) ) );
 
                                         if ( ( $key = array_search( 'spellchecker', $plugins ) ) !== false ) {
@@ -397 +398 @@
                                 $mce_buttons = apply_filters( 'teeny_mce_buttons', array('bold', 'italic', 'underline', 'blockquote', 'strikethrough', 'bullist', 'numlist', 'alignleft', 'aligncenter', 'alignright', 'undo', 'redo', 'link', 'unlink', 'fullscreen'), $editor_id );
                                 $mce_buttons_2 = $mce_buttons_3 = $mce_buttons_4 = array();
                         } else {
-                                $mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'bullist', 'numlist', 'blockquote', 'hr', 'alignleft', 'aligncenter', 'alignright', 'link', 'unlink', 'wp_more', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);
+                                $mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', 'wpcode', 'bullist', 'numlist', 'blockquote', 'hr', 'alignleft', 'aligncenter', 'alignright', 'link', 'unlink', 'wp_more', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);
                                 $mce_buttons_2 = apply_filters('mce_buttons_2', array( 'formatselect', 'underline', 'alignjustify', 'forecolor', 'pastetext', 'removeformat', 'charmap', 'outdent', 'indent', 'undo', 'redo', 'wp_help' ), $editor_id);
                                 $mce_buttons_3 = apply_filters('mce_buttons_3', array(), $editor_id);
                                 $mce_buttons_4 = apply_filters('mce_buttons_4', array(), $editor_id);

src/wp-includes/js/tinymce/plugins/wpcode/plugin.js

@@ +1 @@
+/*global tinymce:true */
+
+tinymce.PluginManager.add('wpcode', function(editor) {
+        function showDialog() {
+                var e = tinymce.activeEditor.selection.getNode();
+                if ( e.nodeName == 'CODE' ) {
+                        editor.execCommand('mceRemoveNode', false, editor.dom.getParent(e, 'CODE'));
+                        editor.nodeChanged();
+                } else if (editor.selection.isCollapsed() || e.nodeName == 'PRE') {
+                        tinymce.activeEditor.selection.select(editor.dom.getParent(e, 'PRE'));
+                        editor.windowManager.open({
+                                title: "Source code",
+                                body: {
+                                        type: 'textbox',
+                                        name: 'wpcode',
+                                        multiline: true,
+                                        minWidth: editor.getParam("code_dialog_width", 600),
+                                        minHeight: editor.getParam("code_dialog_height", Math.min(tinymce.DOM.getViewPort().h - 200, 500)),
+                                        value: tinymce.activeEditor.selection.getContent({format: 'text'}),
+                                        spellcheck: false,
+                                        style: 'direction: ltr; text-align: left'
+                                },
+                                onSubmit: function(e) {
+                                        // We get a lovely "Wrong document" error in IE 11 if we
+                                        // don't move the focus to the editor before creating an undo
+                                        // transation since it tries to make a bookmark for the current selection
+                                        editor.focus();
+
+                                        editor.undoManager.transact(function() {
+                                                editor.insertContent('<pre>' + escapeHtml(e.data.wpcode) + '</pre>');
+                                        });
+
+                                        editor.selection.setCursorLocation();
+                                        editor.nodeChanged();
+                                }
+                        });
+                } else {
+                        editor.undoManager.transact(function() {
+                                tinymce.activeEditor.selection.setNode(tinymce.activeEditor.dom.create(
+                                        'code',
+                                        {},
+                                        editor.selection.getContent()
+                                ));
+                        });
+                }
+        }
+
+        function escapeHtml(str) {
+                var div = document.createElement('div');
+                div.appendChild(document.createTextNode(str));
+                return div.innerHTML;
+        };
+
+        editor.addCommand("mceCodeEditor", showDialog);
+
+        editor.addButton('wpcode', {
+                icon: 'code',
+                tooltip: 'Source code',
+                onclick: showDialog,
+                onPostRender: function(){
+                        var ctrl = this;
+                        editor.on("NodeChange", function(e) {
+                                ctrl.active(e.element.nodeName == 'CODE' || e.element.nodeName == 'PRE');
+                        });
+                }
+        });
+
+        editor.addMenuItem('wpcode', {
+                icon: 'code',
+                text: 'Source code',
+                context: 'tools',
+                onclick: showDialog
+        });
+});
+