X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/11be8dc178e77d0b46189bbd8e33a216a9b90942..HEAD:/wp-admin/js/editor.js diff --git a/wp-admin/js/editor.js b/wp-admin/js/editor.js index 935267a2..e3fbaab9 100644 --- a/wp-admin/js/editor.js +++ b/wp-admin/js/editor.js @@ -1,172 +1,386 @@ -var switchEditors = { - - mode : '', - - I : function(e) { - return document.getElementById(e); - }, - - edInit : function() { - var h = tinymce.util.Cookie.getHash("TinyMCE_content_size"), H = this.I('edButtonHTML'), P = this.I('edButtonPreview'); - - // Activate TinyMCE if it's the user's default editor - if ( getUserSetting( 'editor' ) == 'html' ) { - if ( h ) - try { this.I('content').style.height = h.ch - 30 + 'px'; } catch(e){}; - } else { - try { - this.I("quicktags").style.display = "none"; - } catch(e){}; - tinyMCE.execCommand("mceAddControl", false, "content"); +( function( $ ) { + function SwitchEditors() { + var tinymce, $$, + exports = {}; + + function init() { + if ( ! tinymce && window.tinymce ) { + tinymce = window.tinymce; + $$ = tinymce.$; + + $$( document ).on( 'click', function( event ) { + var id, mode, + target = $$( event.target ); + + if ( target.hasClass( 'wp-switch-editor' ) ) { + id = target.attr( 'data-wp-editor-id' ); + mode = target.hasClass( 'switch-tmce' ) ? 'tmce' : 'html'; + switchEditor( id, mode ); + } + }); + } } - }, - - saveCallback : function(el, content, body) { - - if ( tinyMCE.activeEditor.isHidden() ) - content = this.I(el).value; - else - content = this.pre_wpautop(content); - - return content; - }, - - pre_wpautop : function(content) { - // We have a TON of cleanup to do. Line breaks are already stripped. - - // Protect pre|script tags - content = content.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) { - a = a.replace(/
[\r\n]*/g, ''); - return a.replace(/<\/?p( [^>]*)?>[\r\n]*/g, ''); - }); - - // Pretty it up for the source editor - var blocklist1 = 'blockquote|ul|ol|li|table|thead|tbody|tr|th|td|div|h[1-6]|p'; - content = content.replace(new RegExp('\\s*\\s*', 'mg'), '\n'); - content = content.replace(new RegExp('\\s*<(('+blocklist1+')[^>]*)>', 'mg'), '\n<$1>'); - - // Mark

if it has any attributes. - content = content.replace(new RegExp('(

]+>.*?)

', 'mg'), '$1'); - - // Sepatate
containing

- content = content.replace(new RegExp(']*)>\\s*

', 'mgi'), '\n\n'); - - // Remove

and
- content = content.replace(new RegExp('\\s*

', 'mgi'), ''); - content = content.replace(new RegExp('\\s*

\\s*', 'mgi'), '\n\n'); - content = content.replace(new RegExp('\\n\\s*\\n', 'mgi'), '\n\n'); - content = content.replace(new RegExp('\\s*
\\s*', 'gi'), '\n'); - - // Fix some block element newline issues - content = content.replace(new RegExp('\\s*\\s*', 'mg'), '
\n'); - content = content.replace(new RegExp('\\s*\\[caption([^\\[]+)\\[/caption\\]\\s*', 'gi'), '\n\n[caption$1[/caption]\n\n'); - content = content.replace(new RegExp('caption\\]\\n\\n+\\[caption', 'g'), 'caption]\n\n[caption'); - - var blocklist2 = 'blockquote|ul|ol|li|table|thead|tr|th|td|h[1-6]|pre'; - content = content.replace(new RegExp('\\s*<(('+blocklist2+') ?[^>]*)\\s*>', 'mg'), '\n<$1>'); - content = content.replace(new RegExp('\\s*\\s*', 'mg'), '\n'); - content = content.replace(new RegExp(']*)>', 'g'), '\t'); - - if ( content.indexOf(']*)>\\s*', 'mg'), ""); - content = content.replace(new RegExp('\\s*\\s*', 'mg'), ''); - } - - // Unmark special paragraph closing tags - content = content.replace(new RegExp('', 'g'), '

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

]+>.*

)', 'mg'), '\n$1'); - // Trim whitespace - content = content.replace(new RegExp('^\\s*', ''), ''); - content = content.replace(new RegExp('[\\s\\u00a0]*$', ''), ''); + function getToolbarHeight( editor ) { + var node = $$( '.mce-toolbar-grp', editor.getContainer() )[0], + height = node && node.clientHeight; - // put back the line breaks in pre|script - content = content.replace(//g, '\n'); + if ( height && height > 10 && height < 200 ) { + return parseInt( height, 10 ); + } - // Hope. - return content; - }, + return 30; + } - go : function(id, mode) { - id = id || 'content'; - mode = mode || this.mode || ''; + 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 ( 'tmce' === mode || 'tinymce' === mode ) { + if ( editor && ! editor.isHidden() ) { + return false; + } + + if ( typeof( window.QTags ) !== 'undefined' ) { + window.QTags.closeAllTags( id ); + } + + editorHeight = parseInt( textarea.style.height, 10 ) || 0; + + if ( editor ) { + editor.show(); + + // 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 ) { + editor.theme.resizeTo( null, editorHeight ); + } + } + } else { + tinymce.init( window.tinyMCEPreInit.mceInit[id] ); + } + + wrap.removeClass( 'html-active' ).addClass( 'tmce-active' ); + $textarea.attr( 'aria-hidden', true ); + window.setUserSetting( 'editor', 'tinymce' ); + + } else if ( 'html' === mode ) { + if ( editor && editor.isHidden() ) { + return false; + } + + if ( editor ) { + if ( ! tinymce.Env.iOS ) { + iframe = editor.iframeElement; + editorHeight = iframe ? parseInt( iframe.style.height, 10 ) : 0; + + if ( editorHeight ) { + toolbarHeight = getToolbarHeight( editor ); + editorHeight = editorHeight + toolbarHeight - 14; + + // height cannot be under 50 or over 5000 + if ( editorHeight > 50 && editorHeight < 5000 ) { + textarea.style.height = editorHeight + 'px'; + } + } + } + + editor.hide(); + } else { + // The TinyMCE instance doesn't exist, show the textarea + $textarea.css({ 'display': '', 'visibility': '' }); + } + + wrap.removeClass( 'tmce-active' ).addClass( 'html-active' ); + $textarea.attr( 'aria-hidden', false ); + window.setUserSetting( 'editor', 'html' ); + } + } - var ed = tinyMCE.get(id) || false; - var qt = this.I('quicktags'); - var H = this.I('edButtonHTML'); - var P = this.I('edButtonPreview'); - var ta = this.I(id); + // 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 ''; + } + + // Preserve script and style tags. + if ( html.indexOf( ']*>[\s\S]*?<\/\1>/g, function( match ) { + preserve.push( match ); + return ''; + } ); + } + + // 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, '' ); + }); + } + + // 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]+/, '' ); + }); + } + + // 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>' ); + + // Mark

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

]+>.*?)<\/p>/g, '$1' ); + + // Separate

containing

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

/gi, '\n\n' ); + + // 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' ); + + // 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' ); + + 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 ( 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; + } - if ( 'tinymce' == mode ) { + // 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, '' ); + }); + } + + text = text.replace( /<[^<>]+>/g, function( a ) { + return a.replace( /[\n\t ]+/g, ' ' ); + }); + + // 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, '' ); + }); + } + + 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 + '

'; + }); + + // put back the line breaks in pre|script + if ( preserve_linebreaks ) { + text = text.replace( //g, '\n' ); + } + + if ( preserve_br ) { + text = text.replace( /]*)>/g, '' ); + } + + return text; + } - if ( ed && ! ed.isHidden() ) - return false; + // Add old events + function pre_wpautop( html ) { + var obj = { o: exports, data: html, unfiltered: html }; - this.mode = 'html'; - ta.style.color = '#fff'; + if ( $ ) { + $( 'body' ).trigger( 'beforePreWpautop', [ obj ] ); + } - P.className = 'active'; - H.className = ''; - edCloseAllTags(); // :-( + obj.data = removep( obj.data ); - qt.style.display = 'none'; + if ( $ ) { + $( 'body' ).trigger( 'afterPreWpautop', [ obj ] ); + } - ta.value = this.wpautop(ta.value); + return obj.data; + } - if ( ed ) ed.show(); - else tinyMCE.execCommand("mceAddControl", false, id); + function wpautop( text ) { + var obj = { o: exports, data: text, unfiltered: text }; - setUserSetting( 'editor', 'tinymce' ); - } else { - if ( ! ed || ed.isHidden() ) - return false; + if ( $ ) { + $( 'body' ).trigger( 'beforeWpautop', [ obj ] ); + } - this.mode = 'tinymce'; - H.className = 'active'; - P.className = ''; + obj.data = autop( obj.data ); - ta.style.height = ed.getContentAreaContainer().offsetHeight + 6 + 'px'; + if ( $ ) { + $( 'body' ).trigger( 'afterWpautop', [ obj ] ); + } - ed.hide(); - qt.style.display = 'block'; + return obj.data; + } - ta.style.color = ''; - setUserSetting( 'editor', 'html' ); + 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(); + } + } ); } - return false; - }, - - wpautop : function(pee) { - var blocklist = 'table|thead|tfoot|caption|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|blockquote|address|math|p|h[1-6]'; - - pee = pee + "\n\n"; - pee = pee.replace(new RegExp('
\\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(new RegExp("\\r\\n|\\r", 'g'), "\n"); - pee = pee.replace(new RegExp("\\n\\s*\\n+", 'g'), "\n\n"); - pee = pee.replace(new RegExp('([\\s\\S]+?)\\n\\n', 'mg'), "

$1

\n"); - pee = pee.replace(new RegExp('

\\s*?

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

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

', 'gi'), "$1"); - pee = pee.replace(new RegExp("

(", 'gi'), "$1"); - pee = pee.replace(new RegExp('

\\s*]*)>', 'gi'), "

"); - pee = pee.replace(new RegExp('\\s*

', 'gi'), '

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

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

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

|
)*\\s*\\[caption([^\\[]+)\\[/caption\\]\\s*(?:

|
)*', 'gi'), '[caption$1[/caption]'); - // pee = pee.replace(new RegExp('^((?: )*)\\s', 'mg'), '$1 '); - - // Fix the pre|script tags - pee = pee.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) { - a = a.replace(/
[\r\n]*/g, '\n'); - return a.replace(/<\/?p( [^>]*)?>[\r\n]*/g, '\n'); - }); - - return pee; + + window.wp = window.wp || {}; + window.wp.editor = window.wp.editor || {}; + window.wp.editor.autop = wpautop; + window.wp.editor.removep = pre_wpautop; + + exports = { + go: switchEditor, + wpautop: wpautop, + pre_wpautop: pre_wpautop, + _wp_Autop: autop, + _wp_Nop: removep + }; + + return exports; } -}; + + window.switchEditors = new SwitchEditors(); +}( window.jQuery ));