X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/af50974463450c98503e763a7836a50e260461a9..refs/heads/pristine:/wp-admin/js/editor.js diff --git a/wp-admin/js/editor.js b/wp-admin/js/editor.js index 0b3e04b2..e3fbaab9 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,354 @@ 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' ); + wrap.removeClass( 'html-active' ).addClass( 'tmce-active' ); + $textarea.attr( 'aria-hidden', true ); + window.setUserSetting( 'editor', 'tinymce' ); - } else if ( 'html' === mode ) { - - 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, + preserve = []; + + if ( ! html ) { + return ''; + } - // 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*\\s*', 'g' ), '\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*\\s*', 'g' ), '\n' ); - content = content.replace( /]*)>/g, '\t' ); - - if ( content.indexOf( '/g, '\n' ); - } + // Preserve script and style tags. + if ( html.indexOf( ']*>[\s\S]*?<\/\1>/g, function( match ) { + preserve.push( match ); + return ''; + } ); + } - if ( content.indexOf( ']*)?>\s*/g, '\n\n\n\n' ); - } + // Protect pre tags. + if ( html.indexOf( ']*>[\s\S]+?<\/pre>/g, function( a ) { + a = a.replace( /
(\r\n|\n)?/g, '' ); + a = a.replace( /<\/?p( [^>]*)?>(\r\n|\n)?/g, '' ); + return a.replace( /\r?\n/g, '' ); + }); + } - if ( content.indexOf( '/g, function( a ) { - return a.replace( /[\r\n]+/g, '' ); - }); - } + // keep
tags inside captions and remove line breaks + if ( html.indexOf( '[caption' ) !== -1 ) { + preserve_br = true; + html = html.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) { + return a.replace( /]*)>/g, '' ).replace( /[\r\n\t]+/, '' ); + }); + } - // Unmark special paragraph closing tags - content = content.replace( /<\/p#>/g, '

\n' ); - content = content.replace( /\s*(

]+>[\s\S]*?<\/p>)/g, '\n$1' ); + // Pretty it up for the source editor + html = html.replace( new RegExp( '\\s*\\s*', 'g' ), '\n' ); + html = html.replace( new RegExp( '\\s*<((?:' + blocklist1 + ')(?: [^>]*)?)>', 'g' ), '\n<$1>' ); - // Trim whitespace - content = content.replace( /^\s+/, '' ); - content = content.replace( /[\s\u00a0]+$/, '' ); + // Mark

if it has any attributes. + html = html.replace( /(

]+>.*?)<\/p>/g, '$1' ); - // put back the line breaks in pre|script - if ( preserve_linebreaks ) { - content = content.replace( //g, '\n' ); - } + // Separate

containing

+ html = html.replace( /]*)?>\s*

/gi, '\n\n' ); - // and the
tags in captions - if ( preserve_br ) { - content = content.replace( /]*)>/g, '' ); - } + // Remove

and
+ html = html.replace( /\s*

/gi, '' ); + html = html.replace( /\s*<\/p>\s*/gi, '\n\n' ); + html = html.replace( /\n[\s\u00a0]+\n/g, '\n\n' ); + html = html.replace( /\s*
\s*/gi, '\n' ); - return content; - }, + // Fix some block element newline issues + html = html.replace( /\s*

\s*/g, '
\n' ); + html = html.replace( /\s*\[caption([^\[]+)\[\/caption\]\s*/gi, '\n\n[caption$1[/caption]\n\n' ); + html = html.replace( /caption\]\n\n+\[caption/g, 'caption]\n\n[caption' ); - _wp_Autop: function(pee) { - var preserve_linebreaks = false, - preserve_br = false, - blocklist = 'table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre' + - '|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section' + - '|article|aside|hgroup|header|footer|nav|figure|details|menu|summary'; + html = html.replace( new RegExp('\\s*<((?:' + blocklist2 + ')(?: [^>]*)?)\\s*>', 'g' ), '\n<$1>' ); + html = html.replace( new RegExp('\\s*\\s*', 'g' ), '\n' ); + html = html.replace( /<((li|dt|dd)[^>]*)>/g, ' \t<$1>' ); - if ( pee.indexOf( '/g, function( a ) { - return a.replace( /[\r\n]+/g, '' ); - }); + if ( html.indexOf( '/g, '\n' ); + } + + if ( html.indexOf( ']*)?>\s*/g, '\n\n\n\n' ); + } + + if ( html.indexOf( '/g, function( a ) { + return a.replace( /[\r\n]+/g, '' ); + }); + } + + // Unmark special paragraph closing tags + html = html.replace( /<\/p#>/g, '

\n' ); + html = html.replace( /\s*(

]+>[\s\S]*?<\/p>)/g, '\n$1' ); + + // Trim whitespace + html = html.replace( /^\s+/, '' ); + html = html.replace( /[\s\u00a0]+$/, '' ); + + // put back the line breaks in pre|script + if ( preserve_linebreaks ) { + html = html.replace( //g, '\n' ); + } + + // and the
tags in captions + if ( preserve_br ) { + html = html.replace( /]*)>/g, '' ); + } + + // Put back preserved tags. + if ( preserve.length ) { + html = html.replace( //g, function() { + return preserve.shift(); + } ); + } + + return html; } - pee = pee.replace( /<[^<>]+>/g, function( a ){ - return a.replace( /[\r\n]+/g, ' ' ); - }); + // Similar to `wpautop()` in formatting.php + function autop( text ) { + var preserve_linebreaks = false, + preserve_br = false, + blocklist = 'table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre' + + '|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|legend|section' + + '|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary'; + + // Normalize line breaks + text = text.replace( /\r\n|\r/g, '\n' ); + + if ( text.indexOf( '\n' ) === -1 ) { + return text; + } + + if ( text.indexOf( '/g, function( a ) { + return a.replace( /\n+/g, '' ); + }); + } - // Protect pre|script tags - if ( pee.indexOf( ']*>[\s\S]+?<\/\1>/g, function( a ) { - return a.replace( /(\r\n|\n)/g, '' ); + text = text.replace( /<[^<>]+>/g, function( a ) { + return a.replace( /[\n\t ]+/g, ' ' ); }); - } - // keep
tags inside captions and convert line breaks - if ( pee.indexOf( '[caption' ) !== -1 ) { - preserve_br = true; - pee = pee.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) { - // keep existing
- a = a.replace( /]*)>/g, '' ); - // no line breaks inside HTML tags - a = a.replace( /<[a-zA-Z0-9]+( [^<>]+)?>/g, function( b ) { - return b.replace( /[\r\n\t]+/, ' ' ); + // Protect pre|script tags + if ( text.indexOf( ']*>[\s\S]*?<\/\1>/g, function( a ) { + return a.replace( /\n/g, '' ); + }); + } + + // keep
tags inside captions and convert line breaks + if ( text.indexOf( '[caption' ) !== -1 ) { + preserve_br = true; + text = text.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) { + // keep existing
+ a = a.replace( /]*)>/g, '' ); + // no line breaks inside HTML tags + a = a.replace( /<[^<>]+>/g, function( b ) { + return b.replace( /[\n\t ]+/, ' ' ); + }); + // convert remaining line breaks to
+ return a.replace( /\s*\n\s*/g, '' ); }); - // convert remaining line breaks to
- return a.replace( /\s*\n\s*/g, '' ); + } + + text = text + '\n\n'; + text = text.replace( /
\s*
/gi, '\n\n' ); + text = text.replace( new RegExp( '(<(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '\n\n$1' ); + text = text.replace( new RegExp( '()', 'gi' ), '$1\n\n' ); + text = text.replace( /]*)?>/gi, '\n\n' ); // hr is self closing block element + text = text.replace( /\s*' ); + text = text.replace( /\n\s*\n+/g, '\n\n' ); + text = text.replace( /([\s\S]+?)\n\n/g, '

$1

\n' ); + text = text.replace( /

\s*?<\/p>/gi, ''); + text = text.replace( new RegExp( '

\\s*(]*)?>)\\s*

', 'gi' ), '$1' ); + text = text.replace( /

(/gi, '$1'); + text = text.replace( /

\s*]*)>/gi, '

'); + text = text.replace( /<\/blockquote>\s*<\/p>/gi, '

'); + text = text.replace( new RegExp( '

\\s*(]*)?>)', 'gi' ), '$1' ); + text = text.replace( new RegExp( '(]*)?>)\\s*

', 'gi' ), '$1' ); + + // Remove redundant spaces and line breaks after existing
tags + text = text.replace( /(]*>)\s*\n/gi, '$1' ); + + // Create
from the remaining line breaks + text = text.replace( /\s*\n/g, '
\n'); + + text = text.replace( new RegExp( '(]*>)\\s*
', 'gi' ), '$1' ); + text = text.replace( /
(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)/gi, '$1' ); + text = text.replace( /(?:

|
)*\s*\[caption([^\[]+)\[\/caption\]\s*(?:<\/p>|
)*/gi, '[caption$1[/caption]' ); + + text = text.replace( /(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function( a, b, c ) { + if ( c.match( /]*)?>/ ) ) { + return a; + } + + return b + '

' + c + '

'; }); - } - pee = pee + '\n\n'; - pee = pee.replace( /
\s*
/gi, '\n\n' ); - pee = pee.replace( new RegExp( '(<(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '\n$1' ); - pee = pee.replace( new RegExp( '()', 'gi' ), '$1\n\n' ); - pee = pee.replace( /]*)?>/gi, '\n\n' ); // hr is self closing block element - pee = pee.replace( /\s*' ); - pee = pee.replace( /\r\n|\r/g, '\n' ); - pee = pee.replace( /\n\s*\n+/g, '\n\n' ); - pee = pee.replace( /([\s\S]+?)\n\n/g, '

$1

\n' ); - pee = pee.replace( /

\s*?<\/p>/gi, ''); - pee = pee.replace( new RegExp( '

\\s*(]*)?>)\\s*

', 'gi' ), '$1' ); - pee = pee.replace( /

(/gi, '$1'); - pee = pee.replace( /

\s*]*)>/gi, '

'); - pee = pee.replace( /<\/blockquote>\s*<\/p>/gi, '

'); - pee = pee.replace( new RegExp( '

\\s*(]*)?>)', 'gi' ), '$1' ); - pee = pee.replace( new RegExp( '(]*)?>)\\s*

', 'gi' ), '$1' ); - pee = pee.replace( /\s*\n/gi, '
\n'); - pee = pee.replace( new RegExp( '(]*>)\\s*
', 'gi' ), '$1' ); - pee = pee.replace( /
(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)/gi, '$1' ); - pee = pee.replace( /(?:

|
)*\s*\[caption([^\[]+)\[\/caption\]\s*(?:<\/p>|
)*/gi, '[caption$1[/caption]' ); - - pee = pee.replace( /(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function( a, b, c ) { - if ( c.match( /]*)?>/ ) ) { - return a; + // put back the line breaks in pre|script + if ( preserve_linebreaks ) { + text = text.replace( //g, '\n' ); } - return b + '

' + c + '

'; - }); + if ( preserve_br ) { + text = text.replace( /]*)>/g, '' ); + } - // put back the line breaks in pre|script - if ( preserve_linebreaks ) { - pee = pee.replace( //g, '\n' ); + return text; } - if ( preserve_br ) { - pee = pee.replace( /]*)>/g, '' ); - } + // Add old events + function pre_wpautop( html ) { + var obj = { o: exports, data: html, unfiltered: html }; + + if ( $ ) { + $( 'body' ).trigger( 'beforePreWpautop', [ obj ] ); + } - return pee; - }, + obj.data = removep( obj.data ); - pre_wpautop: function( content ) { - var t = this, o = { o: t, data: content, unfiltered: content }, - q = typeof( jQuery ) !== 'undefined'; + if ( $ ) { + $( 'body' ).trigger( 'afterPreWpautop', [ obj ] ); + } - if ( q ) { - jQuery( 'body' ).trigger( 'beforePreWpautop', [ o ] ); + return obj.data; } - o.data = t._wp_Nop( o.data ); + function wpautop( text ) { + var obj = { o: exports, data: text, unfiltered: text }; - if ( q ) { - jQuery('body').trigger('afterPreWpautop', [ o ] ); - } + if ( $ ) { + $( 'body' ).trigger( 'beforeWpautop', [ obj ] ); + } + + obj.data = autop( obj.data ); - return o.data; - }, + if ( $ ) { + $( 'body' ).trigger( 'afterWpautop', [ obj ] ); + } - wpautop: function( pee ) { - var t = this, o = { o: t, data: pee, unfiltered: pee }, - q = typeof( jQuery ) !== 'undefined'; + return obj.data; + } - if ( q ) { - jQuery( 'body' ).trigger('beforeWpautop', [ o ] ); + if ( $ ) { + $( document ).ready( init ); + } else if ( document.addEventListener ) { + document.addEventListener( 'DOMContentLoaded', init, false ); + window.addEventListener( 'load', init, false ); + } else if ( window.attachEvent ) { + window.attachEvent( 'onload', init ); + document.attachEvent( 'onreadystatechange', function() { + if ( 'complete' === document.readyState ) { + init(); + } + } ); } - o.data = t._wp_Autop( o.data ); + window.wp = window.wp || {}; + window.wp.editor = window.wp.editor || {}; + window.wp.editor.autop = wpautop; + window.wp.editor.removep = pre_wpautop; - if ( q ) { - jQuery( 'body' ).trigger('afterWpautop', [ o ] ); - } + exports = { + go: switchEditor, + wpautop: wpautop, + pre_wpautop: pre_wpautop, + _wp_Autop: autop, + _wp_Nop: removep + }; - return o.data; + return exports; } -}; + + window.switchEditors = new SwitchEditors(); +}( window.jQuery ));