X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/76aea3697c6043c1613370f172395b4f65ee71f0..febc815b2c9d85be5717da9e8d164bd2daa97e31:/wp-admin/js/editor.js diff --git a/wp-admin/js/editor.js b/wp-admin/js/editor.js index 4b32f1b1..c42611bb 100644 --- a/wp-admin/js/editor.js +++ b/wp-admin/js/editor.js @@ -1,180 +1,386 @@ -wpEditorInit = function() { - // Activate tinyMCE if it's the user's default editor - if ( ( 'undefined' == typeof wpTinyMCEConfig ) || 'tinymce' == wpTinyMCEConfig.defaultEditor ) { - document.getElementById('editorcontainer').style.padding = '0px'; - tinyMCE.execCommand("mceAddControl", false, "content"); - } else { - var H; - if ( H = tinymce.util.Cookie.getHash("TinyMCE_content_size") ) - document.getElementById('content').style.height = H.ch - 30 + 'px'; - } -}; - -switchEditors = { - - saveCallback : function(el, content, body) { - - document.getElementById(el).style.color = '#fff'; - if ( tinyMCE.activeEditor.isHidden() ) - content = document.getElementById(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]*$', ''), ''); - - // put back the line breaks in pre|script - content = content.replace(//g, '\n'); - - // Hope. - return content; - }, - - go : function(id) { - var ed = tinyMCE.get(id); - var qt = document.getElementById('quicktags'); - var H = document.getElementById('edButtonHTML'); - var P = document.getElementById('edButtonPreview'); - var ta = document.getElementById(id); - var ec = document.getElementById('editorcontainer'); - - if ( ! ed || ed.isHidden() ) { - ta.style.color = '#fff'; - - this.edToggle(P, H); - edCloseAllTags(); // :-( - - qt.style.display = 'none'; - ec.style.padding = '0px'; - ta.style.padding = '0px'; - - ta.value = this.wpautop(ta.value); - - if ( ed ) ed.show(); - else tinyMCE.execCommand("mceAddControl", false, id); - - this.wpSetDefaultEditor('tinymce'); - } else { - this.edToggle(H, P); - ta.style.height = ed.getContentAreaContainer().offsetHeight + 6 + 'px'; - - ed.hide(); - qt.style.display = 'block'; - - if ( tinymce.isIE6 ) { - ta.style.width = '98%'; - ec.style.padding = '0px'; - ta.style.padding = '6px'; - } else { - ta.style.width = '100%'; - ec.style.padding = '6px'; - } - - ta.style.color = ''; - this.wpSetDefaultEditor('html'); - } - }, - - edToggle : function(A, B) { - A.className = 'active'; - B.className = ''; - - B.onclick = A.onclick; - A.onclick = null; - }, - - wpSetDefaultEditor : function(editor) { - try { - editor = escape( editor.toString() ); - } catch(err) { - editor = 'tinymce'; - } - - var userID = document.getElementById('user-id'); - var date = new Date(); - date.setTime(date.getTime()+(10*365*24*60*60*1000)); - document.cookie = "wordpress_editor_" + userID.value + "=" + editor + "; expires=" + date.toGMTString(); - }, - - 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; - } -} + +( 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 ); + } + }); + } + } + + function getToolbarHeight( editor ) { + var node = $$( '.mce-toolbar-grp', editor.getContainer() )[0], + height = node && node.clientHeight; + + if ( height && height > 10 && height < 200 ) { + return parseInt( height, 10 ); + } + + return 30; + } + + 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' ); + } + } + + // 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; + } + + // 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$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; + } + + // Add old events + function pre_wpautop( html ) { + var obj = { o: exports, data: html, unfiltered: html }; + + if ( $ ) { + $( 'body' ).trigger( 'beforePreWpautop', [ obj ] ); + } + + obj.data = removep( obj.data ); + + if ( $ ) { + $( 'body' ).trigger( 'afterPreWpautop', [ obj ] ); + } + + return obj.data; + } + + function wpautop( text ) { + var obj = { o: exports, data: text, unfiltered: text }; + + if ( $ ) { + $( 'body' ).trigger( 'beforeWpautop', [ obj ] ); + } + + obj.data = autop( obj.data ); + + if ( $ ) { + $( 'body' ).trigger( 'afterWpautop', [ obj ] ); + } + + return obj.data; + } + + 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(); + } + } ); + } + + 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 ));