X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/fa11948979fd6a4ea5705dc613b239699a459db3..ac7339a398e6df50f722bc9616291ce5447d8e5e:/wp-admin/js/editor.js?ds=sidebyside diff --git a/wp-admin/js/editor.js b/wp-admin/js/editor.js index 78c86a8f..4ff70df8 100644 --- a/wp-admin/js/editor.js +++ b/wp-admin/js/editor.js @@ -1,245 +1,324 @@ +/* global tinymce, tinyMCEPreInit, QTags, setUserSetting */ -var switchEditors = { +window.switchEditors = { - switchto: function(el) { - var aid = el.id, l = aid.length, id = aid.substr(0, l - 5), mode = aid.substr(l - 4); + switchto: function( el ) { + var aid = el.id, + l = aid.length, + id = aid.substr( 0, l - 5 ), + mode = aid.substr( l - 4 ); - this.go(id, mode); + this.go( id, mode ); }, - go: function(id, mode) { // mode can be 'html', 'tmce', or 'toggle'; 'html' is used for the "Text" editor tab. + // 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'; - var t = this, ed = tinyMCE.get(id), wrap_id, txtarea_el, dom = tinymce.DOM; - - wrap_id = 'wp-'+id+'-wrap'; - txtarea_el = dom.get(id); + ed = tinymce.get( id ); + wrap_id = 'wp-' + id + '-wrap'; + txtarea_el = DOM.get( id ); - if ( 'toggle' == mode ) { - if ( ed && !ed.isHidden() ) + if ( 'toggle' === mode ) { + if ( ed && ! ed.isHidden() ) { mode = 'html'; - else + } else { mode = 'tmce'; + } + } + + function getToolbarHeight() { + var node = DOM.select( '.mce-toolbar-grp', ed.getContainer() )[0], + height = node && node.clientHeight; + + if ( height && height > 10 && height < 200 ) { + return parseInt( height, 10 ); + } + + return 30; } - if ( 'tmce' == mode || 'tinymce' == mode ) { - if ( ed && ! ed.isHidden() ) + if ( 'tmce' === mode || 'tinymce' === mode ) { + if ( ed && ! ed.isHidden() ) { return false; + } + + if ( typeof( QTags ) !== 'undefined' ) { + QTags.closeAllTags( id ); + } - if ( typeof(QTags) != 'undefined' ) - QTags.closeAllTags(id); + editorHeight = txtarea_el ? parseInt( txtarea_el.style.height, 10 ) : 0; - if ( tinyMCEPreInit.mceInit[id] && tinyMCEPreInit.mceInit[id].wpautop ) + if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) { txtarea_el.value = t.wpautop( txtarea_el.value ); + } if ( ed ) { ed.show(); + + // No point resizing the iframe in iOS + if ( ! tinymce.Env.iOS && editorHeight ) { + toolbarHeight = getToolbarHeight(); + editorHeight = editorHeight - toolbarHeight + 14; + + // height cannot be under 50 or over 5000 + if ( editorHeight > 50 && editorHeight < 5000 ) { + ed.theme.resizeTo( null, editorHeight ); + } + } } else { - ed = new tinymce.Editor(id, tinyMCEPreInit.mceInit[id]); - ed.render(); + tinymce.init( tinyMCEPreInit.mceInit[id] ); } - dom.removeClass(wrap_id, 'html-active'); - dom.addClass(wrap_id, 'tmce-active'); - setUserSetting('editor', 'tinymce'); + 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 ) { + } else if ( 'html' === mode ) { - if ( ed && ed.isHidden() ) + if ( ed && ed.isHidden() ) { return false; + } if ( ed ) { + if ( ! tinymce.Env.iOS ) { + iframe = DOM.get( id + '_ifr' ); + editorHeight = iframe ? parseInt( iframe.style.height, 10 ) : 0; + + if ( editorHeight ) { + toolbarHeight = getToolbarHeight(); + editorHeight = editorHeight + toolbarHeight - 14; + + // height cannot be under 50 or over 5000 + if ( editorHeight > 50 && editorHeight < 5000 ) { + txtarea_el.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 ) + // 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 ); + } - dom.setStyles(txtarea_el, {'display': '', 'visibility': ''}); + DOM.setStyles( txtarea_el, {'display': '', 'visibility': ''} ); } - dom.removeClass(wrap_id, 'tmce-active'); - dom.addClass(wrap_id, 'html-active'); - 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; + _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, ''); - return a.replace(/<\/?p( [^>]*)?>(\r\n|\n)?/g, ' '); + content = content.replace( /<(pre|script)[^>]*>[\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 ) { + 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]+/, ''); + content = content.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) { + return a.replace( /
]*)>/g, '' ).replace( /[\r\n\t]+/, '' ); }); } // 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>'); + 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
'); + content = content.replace( /(]+>.*?)<\/p>/g, '$1
' ); // Separatecontaining- content = content.replace(/
]*)?>\s*/gi, '
\n\n'); + content = content.replace( /]*)?>\s*/gi, '
\n\n' ); // Removeand
- 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'); + 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'); + 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 '); + 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('
]*)?>\s*/g, '\n\n
\n\n'); + if ( content.indexOf( '