-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) {
+/* global tinymce, tinyMCEPreInit, QTags, setUserSetting */
- document.getElementById(el).style.color = '#fff';
- if ( tinyMCE.activeEditor.isHidden() )
- content = document.getElementById(el).value;
- else
- content = this.pre_wpautop(content);
+window.switchEditors = {
- return content;
- },
+ switchto: function( el ) {
+ var aid = el.id,
+ l = aid.length,
+ id = aid.substr( 0, l - 5 ),
+ mode = aid.substr( l - 4 );
- pre_wpautop : function(content) {
- // We have a TON of cleanup to do. Line breaks are already stripped.
+ this.go( id, mode );
+ },
- // Protect pre|script tags
- content = content.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) {
- a = a.replace(/<br ?\/?>[\r\n]*/g, '<wp_temp>');
- return a.replace(/<\/?p( [^>]*)?>[\r\n]*/g, '<wp_temp>');
- });
+ // 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
- // 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*</('+blocklist1+')>\\s*', 'mg'), '</$1>\n');
- content = content.replace(new RegExp('\\s*<(('+blocklist1+')[^>]*)>', 'mg'), '\n<$1>');
+ id = id || 'content';
+ mode = mode || 'toggle';
- // Mark </p> if it has any attributes.
- content = content.replace(new RegExp('(<p [^>]+>.*?)</p>', 'mg'), '$1</p#>');
+ ed = tinymce.get( id );
+ wrap_id = 'wp-' + id + '-wrap';
+ txtarea_el = DOM.get( id );
- // Sepatate <div> containing <p>
- content = content.replace(new RegExp('<div([^>]*)>\\s*<p>', 'mgi'), '<div$1>\n\n');
+ if ( 'toggle' === mode ) {
+ if ( ed && ! ed.isHidden() ) {
+ mode = 'html';
+ } else {
+ mode = 'tmce';
+ }
+ }
- // Remove <p> and <br />
- content = content.replace(new RegExp('\\s*<p>', 'mgi'), '');
- content = content.replace(new RegExp('\\s*</p>\\s*', 'mgi'), '\n\n');
- content = content.replace(new RegExp('\\n\\s*\\n', 'mgi'), '\n\n');
- content = content.replace(new RegExp('\\s*<br ?/?>\\s*', 'gi'), '\n');
+ function getToolbarHeight() {
+ var node = DOM.select( '.mce-toolbar-grp', ed.getContainer() )[0],
+ height = node && node.clientHeight;
- // Fix some block element newline issues
- content = content.replace(new RegExp('\\s*<div', 'mg'), '\n<div');
- content = content.replace(new RegExp('</div>\\s*', 'mg'), '</div>\n');
+ if ( height && height > 10 && height < 200 ) {
+ return parseInt( height, 10 );
+ }
- 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*</('+blocklist2+')>\\s*', 'mg'), '</$1>\n');
- content = content.replace(new RegExp('<li([^>]*)>', 'g'), '\t<li$1>');
+ return 30;
+ }
- if ( content.indexOf('<object') != -1 ) {
- content = content.replace(new RegExp('\\s*<param([^>]*)>\\s*', 'mg'), "<param$1>");
- content = content.replace(new RegExp('\\s*</embed>\\s*', 'mg'), '</embed>');
- }
+ if ( 'tmce' === mode || 'tinymce' === mode ) {
+ if ( ed && ! ed.isHidden() ) {
+ return false;
+ }
- // Unmark special paragraph closing tags
- content = content.replace(new RegExp('</p#>', 'g'), '</p>\n');
- content = content.replace(new RegExp('\\s*(<p [^>]+>.*</p>)', 'mg'), '\n$1');
+ if ( typeof( QTags ) !== 'undefined' ) {
+ QTags.closeAllTags( id );
+ }
- // Trim whitespace
- content = content.replace(new RegExp('^\\s*', ''), '');
- content = content.replace(new RegExp('\\s*$', ''), '');
+ editorHeight = txtarea_el ? parseInt( txtarea_el.style.height, 10 ) : 0;
- // put back the line breaks in pre|script
- content = content.replace(/<wp_temp>/g, '\n');
+ if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) {
+ txtarea_el.value = t.wpautop( txtarea_el.value );
+ }
- // Hope.
- return content;
- },
+ if ( ed ) {
+ ed.show();
- 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');
+ // No point resizing the iframe in iOS
+ if ( ! tinymce.Env.iOS && editorHeight ) {
+ toolbarHeight = getToolbarHeight();
+ editorHeight = editorHeight - toolbarHeight + 14;
- if ( ! ed || ed.isHidden() ) {
- ta.style.color = '#fff';
+ // height cannot be under 50 or over 5000
+ if ( editorHeight > 50 && editorHeight < 5000 ) {
+ ed.theme.resizeTo( null, editorHeight );
+ }
+ }
+ } else {
+ tinymce.init( tinyMCEPreInit.mceInit[id] );
+ }
- this.edToggle(P, H);
- edCloseAllTags(); // :-(
+ DOM.removeClass( wrap_id, 'html-active' );
+ DOM.addClass( wrap_id, 'tmce-active' );
+ DOM.setAttrib( txtarea_el, 'aria-hidden', true );
+ setUserSetting( 'editor', 'tinymce' );
- qt.style.display = 'none';
- ec.style.padding = '0px';
- ta.style.padding = '0px';
+ } else if ( 'html' === mode ) {
- ta.value = this.wpautop(ta.value);
+ if ( ed && ed.isHidden() ) {
+ return false;
+ }
- if ( ed ) ed.show();
- else tinyMCE.execCommand("mceAddControl", false, id);
+ if ( ed ) {
+ if ( ! tinymce.Env.iOS ) {
+ iframe = DOM.get( id + '_ifr' );
+ editorHeight = iframe ? parseInt( iframe.style.height, 10 ) : 0;
- this.wpSetDefaultEditor('tinymce');
- } else {
- this.edToggle(H, P);
- ta.style.height = ed.getContentAreaContainer().offsetHeight + 6 + 'px';
+ if ( editorHeight ) {
+ toolbarHeight = getToolbarHeight();
+ editorHeight = editorHeight + toolbarHeight - 14;
- ed.hide();
- qt.style.display = 'block';
+ // height cannot be under 50 or over 5000
+ if ( editorHeight > 50 && editorHeight < 5000 ) {
+ txtarea_el.style.height = editorHeight + 'px';
+ }
+ }
+ }
- if ( tinymce.isIE6 ) {
- ta.style.width = '98%';
- ec.style.padding = '0px';
- ta.style.padding = '6px';
+ ed.hide();
} 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('<br />\\s*<br />', 'gi'), "\n\n");
- pee = pee.replace(new RegExp('(<(?:'+blocklist+')[^>]*>)', 'gi'), "\n$1");
- pee = pee.replace(new RegExp('(</(?:'+blocklist+')>)', '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'), "<p>$1</p>\n");
- pee = pee.replace(new RegExp('<p>\\s*?</p>', 'gi'), '');
- pee = pee.replace(new RegExp('<p>\\s*(</?(?:'+blocklist+')[^>]*>)\\s*</p>', 'gi'), "$1");
- pee = pee.replace(new RegExp("<p>(<li.+?)</p>", 'gi'), "$1");
- pee = pee.replace(new RegExp('<p>\\s*<blockquote([^>]*)>', 'gi'), "<blockquote$1><p>");
- pee = pee.replace(new RegExp('</blockquote>\\s*</p>', 'gi'), '</p></blockquote>');
- pee = pee.replace(new RegExp('<p>\\s*(</?(?:'+blocklist+')[^>]*>)', 'gi'), "$1");
- pee = pee.replace(new RegExp('(</?(?:'+blocklist+')[^>]*>)\\s*</p>', 'gi'), "$1");
- pee = pee.replace(new RegExp('\\s*\\n', 'gi'), "<br />\n");
- pee = pee.replace(new RegExp('(</?(?:'+blocklist+')[^>]*>)\\s*<br />', 'gi'), "$1");
- pee = pee.replace(new RegExp('<br />(\\s*</?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)', 'gi'), '$1');
- // 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(/<br ?\/?>[\r\n]*/g, '\n');
- return a.replace(/<\/?p( [^>]*)?>[\r\n]*/g, '\n');
- });
-
- return pee;
- }
-}
+ // 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.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( '<pre' ) !== -1 || content.indexOf( '<script' ) !== -1 ) {
+ preserve_linebreaks = true;
+ content = content.replace( /<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function( a ) {
+ a = a.replace( /<br ?\/?>(\r\n|\n)?/g, '<wp-line-break>' );
+ a = a.replace( /<\/?p( [^>]*)?>(\r\n|\n)?/g, '<wp-line-break>' );
+ return a.replace( /\r?\n/g, '<wp-line-break>' );
+ });
+ }
+
+ // keep <br> 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( /<br([^>]*)>/g, '<wp-temp-br$1>' ).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>' );
+
+ // Mark </p> if it has any attributes.
+ content = content.replace( /(<p [^>]+>.*?)<\/p>/g, '$1</p#>' );
+
+ // Separate <div> containing <p>
+ content = content.replace( /<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n' );
+
+ // Remove <p> and <br />
+ content = content.replace( /\s*<p>/gi, '' );
+ content = content.replace( /\s*<\/p>\s*/gi, '\n\n' );
+ content = content.replace( /\n[\s\u00a0]+\n/g, '\n\n' );
+ content = content.replace( /\s*<br ?\/?>\s*/gi, '\n' );
+
+ // Fix some block element newline issues
+ content = content.replace( /\s*<div/g, '\n<div' );
+ content = content.replace( /<\/div>\s*/g, '</div>\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( /<li([^>]*)>/g, '\t<li$1>' );
+
+ if ( content.indexOf( '<option' ) !== -1 ) {
+ content = content.replace( /\s*<option/g, '\n<option' );
+ content = content.replace( /\s*<\/select>/g, '\n</select>' );
+ }
+
+ if ( content.indexOf( '<hr' ) !== -1 ) {
+ content = content.replace( /\s*<hr( [^>]*)?>\s*/g, '\n\n<hr$1>\n\n' );
+ }
+
+ if ( content.indexOf( '<object' ) !== -1 ) {
+ content = content.replace( /<object[\s\S]+?<\/object>/g, function( a ) {
+ return a.replace( /[\r\n]+/g, '' );
+ });
+ }
+
+ // Unmark special paragraph closing tags
+ content = content.replace( /<\/p#>/g, '</p>\n' );
+ content = content.replace( /\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1' );
+
+ // Trim whitespace
+ content = content.replace( /^\s+/, '' );
+ content = content.replace( /[\s\u00a0]+$/, '' );
+
+ // put back the line breaks in pre|script
+ if ( preserve_linebreaks ) {
+ content = content.replace( /<wp-line-break>/g, '\n' );
+ }
+
+ // and the <br> tags in captions
+ if ( preserve_br ) {
+ content = content.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' );
+ }
+
+ return content;
+ },
+
+ _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|figcaption|details|menu|summary';
+
+ if ( pee.indexOf( '<object' ) !== -1 ) {
+ pee = pee.replace( /<object[\s\S]+?<\/object>/g, function( a ) {
+ return a.replace( /[\r\n]+/g, '' );
+ });
+ }
+
+ pee = pee.replace( /<[^<>]+>/g, function( a ){
+ return a.replace( /[\r\n]+/g, ' ' );
+ });
+
+ // Protect pre|script tags
+ if ( pee.indexOf( '<pre' ) !== -1 || pee.indexOf( '<script' ) !== -1 ) {
+ preserve_linebreaks = true;
+ pee = pee.replace( /<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function( a ) {
+ return a.replace( /(\r\n|\n)/g, '<wp-line-break>' );
+ });
+ }
+
+ // keep <br> 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 <br>
+ a = a.replace( /<br([^>]*)>/g, '<wp-temp-br$1>' );
+ // no line breaks inside HTML tags
+ a = a.replace( /<[a-zA-Z0-9]+( [^<>]+)?>/g, function( b ) {
+ return b.replace( /[\r\n\t]+/, ' ' );
+ });
+ // convert remaining line breaks to <br>
+ return a.replace( /\s*\n\s*/g, '<wp-temp-br />' );
+ });
+ }
+
+ pee = pee + '\n\n';
+ pee = pee.replace( /<br \/>\s*<br \/>/gi, '\n\n' );
+ pee = pee.replace( new RegExp( '(<(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '\n$1' );
+ pee = pee.replace( new RegExp( '(</(?:' + blocklist + ')>)', 'gi' ), '$1\n\n' );
+ pee = pee.replace( /<hr( [^>]*)?>/gi, '<hr$1>\n\n' ); // hr is self closing block element
+ pee = pee.replace( /\s*<option/gi, '<option' ); // No <p> or <br> around <option>
+ pee = pee.replace( /<\/option>\s*/gi, '</option>' );
+ 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, '<p>$1</p>\n' );
+ pee = pee.replace( /<p>\s*?<\/p>/gi, '');
+ pee = pee.replace( new RegExp( '<p>\\s*(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' );
+ pee = pee.replace( /<p>(<li.+?)<\/p>/gi, '$1');
+ pee = pee.replace( /<p>\s*<blockquote([^>]*)>/gi, '<blockquote$1><p>');
+ pee = pee.replace( /<\/blockquote>\s*<\/p>/gi, '</p></blockquote>');
+ pee = pee.replace( new RegExp( '<p>\\s*(</?(?:' + blocklist + ')(?: [^>]*)?>)', 'gi' ), '$1' );
+ pee = pee.replace( new RegExp( '(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' );
+ pee = pee.replace( /\s*\n/gi, '<br />\n');
+ pee = pee.replace( new RegExp( '(</?(?:' + blocklist + ')[^>]*>)\\s*<br />', 'gi' ), '$1' );
+ pee = pee.replace( /<br \/>(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)/gi, '$1' );
+ pee = pee.replace( /(?:<p>|<br ?\/?>)*\s*\[caption([^\[]+)\[\/caption\]\s*(?:<\/p>|<br ?\/?>)*/gi, '[caption$1[/caption]' );
+
+ pee = pee.replace( /(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function( a, b, c ) {
+ if ( c.match( /<p( [^>]*)?>/ ) ) {
+ return a;
+ }
+
+ return b + '<p>' + c + '</p>';
+ });
+
+ // put back the line breaks in pre|script
+ if ( preserve_linebreaks ) {
+ pee = pee.replace( /<wp-line-break>/g, '\n' );
+ }
+
+ if ( preserve_br ) {
+ pee = pee.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' );
+ }
+
+ return pee;
+ },
+
+ pre_wpautop: function( content ) {
+ var t = this, o = { o: t, data: content, unfiltered: content },
+ q = typeof( jQuery ) !== 'undefined';
+
+ if ( q ) {
+ jQuery( 'body' ).trigger( 'beforePreWpautop', [ o ] );
+ }
+
+ o.data = t._wp_Nop( o.data );
+
+ if ( q ) {
+ jQuery('body').trigger('afterPreWpautop', [ o ] );
+ }
+
+ return o.data;
+ },
+
+ wpautop: function( pee ) {
+ var t = this, o = { o: t, data: pee, unfiltered: pee },
+ q = typeof( jQuery ) !== 'undefined';
+
+ if ( q ) {
+ jQuery( 'body' ).trigger('beforeWpautop', [ o ] );
+ }
+
+ o.data = t._wp_Autop( o.data );
+
+ if ( q ) {
+ jQuery( 'body' ).trigger('afterWpautop', [ o ] );
+ }
+
+ return o.data;
+ }
+};