X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/8ab4a4532479e8db471032b51042ec8c4716d091..b925718b4bf2dd47a8429f844d0a255ca6e35bd1:/wp-admin/js/editor.js
diff --git a/wp-admin/js/editor.js b/wp-admin/js/editor.js
index 4ff70df8..bde22255 100644
--- a/wp-admin/js/editor.js
+++ b/wp-admin/js/editor.js
@@ -1,38 +1,29 @@
-/* global tinymce, tinyMCEPreInit, QTags, setUserSetting */
-window.switchEditors = {
+( function( $ ) {
+ function SwitchEditors() {
+ var tinymce, $$,
+ exports = {};
- switchto: function( el ) {
- var aid = el.id,
- l = aid.length,
- id = aid.substr( 0, l - 5 ),
- mode = aid.substr( l - 4 );
+ function init() {
+ if ( ! tinymce && window.tinymce ) {
+ tinymce = window.tinymce;
+ $$ = tinymce.$;
- this.go( id, mode );
- },
+ $$( document ).on( 'click', function( event ) {
+ var id, mode,
+ target = $$( event.target );
- // mode can be 'html', 'tmce', or 'toggle'; 'html' is used for the 'Text' editor tab.
- go: function( id, mode ) {
- var t = this, ed, wrap_id, txtarea_el, iframe, editorHeight, toolbarHeight,
- DOM = tinymce.DOM; //DOMUtils outside the editor iframe
-
- id = id || 'content';
- mode = mode || 'toggle';
-
- ed = tinymce.get( id );
- wrap_id = 'wp-' + id + '-wrap';
- txtarea_el = DOM.get( id );
-
- if ( 'toggle' === mode ) {
- if ( ed && ! ed.isHidden() ) {
- mode = 'html';
- } else {
- mode = 'tmce';
+ if ( target.hasClass( 'wp-switch-editor' ) ) {
+ id = target.attr( 'data-wp-editor-id' );
+ mode = target.hasClass( 'switch-tmce' ) ? 'tmce' : 'html';
+ switchEditor( id, mode );
+ }
+ });
}
}
- function getToolbarHeight() {
- var node = DOM.select( '.mce-toolbar-grp', ed.getContainer() )[0],
+ function getToolbarHeight( editor ) {
+ var node = $$( '.mce-toolbar-grp', editor.getContainer() )[0],
height = node && node.clientHeight;
if ( height && height > 10 && height < 200 ) {
@@ -42,283 +33,338 @@ window.switchEditors = {
return 30;
}
- if ( 'tmce' === mode || 'tinymce' === mode ) {
- if ( ed && ! ed.isHidden() ) {
- return false;
+ function switchEditor( id, mode ) {
+ id = id || 'content';
+ mode = mode || 'toggle';
+
+ var editorHeight, toolbarHeight, iframe,
+ editor = tinymce.get( id ),
+ wrap = $$( '#wp-' + id + '-wrap' ),
+ $textarea = $$( '#' + id ),
+ textarea = $textarea[0];
+
+ if ( 'toggle' === mode ) {
+ if ( editor && ! editor.isHidden() ) {
+ mode = 'html';
+ } else {
+ mode = 'tmce';
+ }
}
- if ( typeof( QTags ) !== 'undefined' ) {
- QTags.closeAllTags( id );
- }
+ if ( 'tmce' === mode || 'tinymce' === mode ) {
+ if ( editor && ! editor.isHidden() ) {
+ return false;
+ }
- editorHeight = txtarea_el ? parseInt( txtarea_el.style.height, 10 ) : 0;
+ if ( typeof( window.QTags ) !== 'undefined' ) {
+ window.QTags.closeAllTags( id );
+ }
- if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) {
- txtarea_el.value = t.wpautop( txtarea_el.value );
- }
+ editorHeight = parseInt( textarea.style.height, 10 ) || 0;
- if ( ed ) {
- ed.show();
+ if ( editor ) {
+ editor.show();
- // No point resizing the iframe in iOS
- if ( ! tinymce.Env.iOS && editorHeight ) {
- toolbarHeight = getToolbarHeight();
- editorHeight = editorHeight - toolbarHeight + 14;
+ // No point resizing the iframe in iOS
+ if ( ! tinymce.Env.iOS && editorHeight ) {
+ toolbarHeight = getToolbarHeight( editor );
+ editorHeight = editorHeight - toolbarHeight + 14;
- // height cannot be under 50 or over 5000
- if ( editorHeight > 50 && editorHeight < 5000 ) {
- ed.theme.resizeTo( null, editorHeight );
+ // height cannot be under 50 or over 5000
+ if ( editorHeight > 50 && editorHeight < 5000 ) {
+ editor.theme.resizeTo( null, editorHeight );
+ }
}
+ } else {
+ tinymce.init( window.tinyMCEPreInit.mceInit[id] );
}
- } else {
- tinymce.init( tinyMCEPreInit.mceInit[id] );
- }
-
- DOM.removeClass( wrap_id, 'html-active' );
- DOM.addClass( wrap_id, 'tmce-active' );
- DOM.setAttrib( txtarea_el, 'aria-hidden', true );
- setUserSetting( 'editor', 'tinymce' );
- } else if ( 'html' === mode ) {
+ wrap.removeClass( 'html-active' ).addClass( 'tmce-active' );
+ $textarea.attr( 'aria-hidden', true );
+ window.setUserSetting( 'editor', 'tinymce' );
- if ( ed && ed.isHidden() ) {
- return false;
- }
+ } else if ( 'html' === mode ) {
+ if ( editor && editor.isHidden() ) {
+ return false;
+ }
- if ( ed ) {
- if ( ! tinymce.Env.iOS ) {
- iframe = DOM.get( id + '_ifr' );
- editorHeight = iframe ? parseInt( iframe.style.height, 10 ) : 0;
+ if ( editor ) {
+ if ( ! tinymce.Env.iOS ) {
+ iframe = editor.iframeElement;
+ editorHeight = iframe ? parseInt( iframe.style.height, 10 ) : 0;
- if ( editorHeight ) {
- toolbarHeight = getToolbarHeight();
- editorHeight = editorHeight + toolbarHeight - 14;
+ if ( editorHeight ) {
+ toolbarHeight = getToolbarHeight( editor );
+ editorHeight = editorHeight + toolbarHeight - 14;
- // height cannot be under 50 or over 5000
- if ( editorHeight > 50 && editorHeight < 5000 ) {
- txtarea_el.style.height = editorHeight + 'px';
+ // height cannot be under 50 or over 5000
+ if ( editorHeight > 50 && editorHeight < 5000 ) {
+ textarea.style.height = editorHeight + 'px';
+ }
}
}
- }
- ed.hide();
- } else {
- // The TinyMCE instance doesn't exist, run the content through 'pre_wpautop()' and show the textarea
- if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) {
- txtarea_el.value = t.pre_wpautop( txtarea_el.value );
+ editor.hide();
+ } else {
+ // The TinyMCE instance doesn't exist, show the textarea
+ $textarea.css({ 'display': '', 'visibility': '' });
}
- DOM.setStyles( txtarea_el, {'display': '', 'visibility': ''} );
+ wrap.removeClass( 'tmce-active' ).addClass( 'html-active' );
+ $textarea.attr( 'aria-hidden', false );
+ window.setUserSetting( 'editor', 'html' );
}
-
- DOM.removeClass( wrap_id, 'tmce-active' );
- DOM.addClass( wrap_id, 'html-active' );
- DOM.setAttrib( txtarea_el, 'aria-hidden', false );
- setUserSetting( 'editor', 'html' );
- }
- return false;
- },
-
- _wp_Nop: function( content ) {
- var blocklist1, blocklist2,
- preserve_linebreaks = false,
- preserve_br = false;
-
- // Protect pre|script tags
- if ( content.indexOf( '
]*>[\s\S]+?<\/\1>/g, function( a ) {
- a = a.replace( /
(\r\n|\n)?/g, '' );
- a = a.replace( /<\/?p( [^>]*)?>(\r\n|\n)?/g, '' );
- return a.replace( /\r?\n/g, '' );
- });
}
- // keep
tags inside captions and remove line breaks
- if ( content.indexOf( '[caption' ) !== -1 ) {
- preserve_br = true;
- content = content.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) {
- return a.replace( /
]*)>/g, '' ).replace( /[\r\n\t]+/, '' );
- });
- }
+ // Replace paragraphs with double line breaks
+ function removep( html ) {
+ var blocklist = 'blockquote|ul|ol|li|dl|dt|dd|table|thead|tbody|tfoot|tr|th|td|h[1-6]|fieldset',
+ blocklist1 = blocklist + '|div|p',
+ blocklist2 = blocklist + '|pre',
+ preserve_linebreaks = false,
+ preserve_br = false;
- // Pretty it up for the source editor
- blocklist1 = 'blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|div|h[1-6]|p|fieldset';
- content = content.replace( new RegExp( '\\s*(' + blocklist1 + ')>\\s*', 'g' ), '$1>\n' );
- content = content.replace( new RegExp( '\\s*<((?:' + blocklist1 + ')(?: [^>]*)?)>', 'g' ), '\n<$1>' );
-
- // Mark if it has any attributes.
- content = content.replace( /(]+>.*?)<\/p>/g, '$1
' );
-
- // Separate containing
- content = content.replace( /
]*)?>\s*
/gi, '
\n\n' );
-
- // Remove
and
- content = content.replace( /\s*
/gi, '' );
- content = content.replace( /\s*<\/p>\s*/gi, '\n\n' );
- content = content.replace( /\n[\s\u00a0]+\n/g, '\n\n' );
- content = content.replace( /\s*
\s*/gi, '\n' );
-
- // Fix some block element newline issues
- content = content.replace( /\s*
\s*/g, '
\n' );
- content = content.replace( /\s*\[caption([^\[]+)\[\/caption\]\s*/gi, '\n\n[caption$1[/caption]\n\n' );
- content = content.replace( /caption\]\n\n+\[caption/g, 'caption]\n\n[caption' );
-
- blocklist2 = 'blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|h[1-6]|pre|fieldset';
- content = content.replace( new RegExp('\\s*<((?:' + blocklist2 + ')(?: [^>]*)?)\\s*>', 'g' ), '\n<$1>' );
- content = content.replace( new RegExp('\\s*(' + blocklist2 + ')>\\s*', 'g' ), '$1>\n' );
- content = content.replace( /
]*)>/g, '\t' );
-
- if ( content.indexOf( '