+/* global tinymce, tinyMCEPreInit, QTags, setUserSetting */
-var switchEditors = {
+window.switchEditors = {
- mode : '',
+ switchto: function( el ) {
+ var aid = el.id,
+ l = aid.length,
+ id = aid.substr( 0, l - 5 ),
+ mode = aid.substr( l - 4 );
- I : function(e) {
- return document.getElementById(e);
+ this.go( id, mode );
},
- edInit : function() {
- var h = tinymce.util.Cookie.getHash("TinyMCE_content_size"), H = this.I('edButtonHTML'), P = this.I('edButtonPreview');
+ // 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
- // 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");
+ 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';
+ }
}
- },
- saveCallback : function(el, content, body) {
+ function getToolbarHeight() {
+ var node = DOM.select( '.mce-toolbar-grp', ed.getContainer() )[0],
+ height = node && node.clientHeight;
- if ( tinyMCE.activeEditor.isHidden() )
- content = this.I(el).value;
- else
- content = this.pre_wpautop(content);
+ if ( height && height > 10 && height < 200 ) {
+ return parseInt( height, 10 );
+ }
- return content;
+ return 30;
+ }
+
+ if ( 'tmce' === mode || 'tinymce' === mode ) {
+ if ( ed && ! ed.isHidden() ) {
+ return false;
+ }
+
+ 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 ) {
+ 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 {
+ 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' );
+
+ } else if ( 'html' === mode ) {
+
+ 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 ) {
+ 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;
},
- pre_wpautop : function(content) {
- // We have a TON of cleanup to do. Line breaks are already stripped.
+ _wp_Nop: function( content ) {
+ var blocklist1, blocklist2,
+ preserve_linebreaks = false,
+ preserve_br = false;
// 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>');
- });
+ 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
- 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>');
+ 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(new RegExp('(<p [^>]+>.*?)</p>', 'mg'), '$1</p#>');
+ content = content.replace( /(<p [^>]+>.*?)<\/p>/g, '$1</p#>' );
- // Sepatate <div> containing <p>
- content = content.replace(new RegExp('<div([^>]*)>\\s*<p>', 'mgi'), '<div$1>\n\n');
+ // Separate <div> containing <p>
+ content = content.replace( /<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n' );
// 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');
+ 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(new RegExp('\\s*<div', 'mg'), '\n<div');
- content = content.replace(new RegExp('</div>\\s*', 'mg'), '</div>\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');
+ 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>' );
+ }
- 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>');
+ 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(new RegExp('\\s*<param([^>]*)>\\s*', 'mg'), "<param$1>");
- content = content.replace(new RegExp('\\s*</embed>\\s*', 'mg'), '</embed>');
+ 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(new RegExp('</p#>', 'g'), '</p>\n');
- content = content.replace(new RegExp('\\s*(<p [^>]+>.*</p>)', 'mg'), '\n$1');
+ content = content.replace( /<\/p#>/g, '</p>\n' );
+ content = content.replace( /\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1' );
// Trim whitespace
- content = content.replace(new RegExp('^\\s*', ''), '');
- content = content.replace(new RegExp('[\\s\\u00a0]*$', ''), '');
+ content = content.replace( /^\s+/, '' );
+ content = content.replace( /[\s\u00a0]+$/, '' );
// put back the line breaks in pre|script
- content = content.replace(/<wp_temp>/g, '\n');
+ 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>' );
+ }
- // Hope.
return content;
},
- go : function(id, mode) {
- id = id || 'content';
- mode = mode || this.mode || '';
+ _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, '' );
+ });
+ }
- 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);
+ pee = pee.replace( /<[^<>]+>/g, function( a ){
+ return a.replace( /[\r\n]+/g, ' ' );
+ });
- if ( 'tinymce' == mode ) {
+ // 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>' );
+ });
+ }
- if ( ed && ! ed.isHidden() )
- return false;
+ // 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 />' );
+ });
+ }
- this.mode = 'html';
- ta.style.color = '#fff';
+ 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>';
+ });
- P.className = 'active';
- H.className = '';
- edCloseAllTags(); // :-(
+ // put back the line breaks in pre|script
+ if ( preserve_linebreaks ) {
+ pee = pee.replace( /<wp-line-break>/g, '\n' );
+ }
- qt.style.display = 'none';
+ if ( preserve_br ) {
+ pee = pee.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' );
+ }
- ta.value = this.wpautop(ta.value);
+ return pee;
+ },
- if ( ed ) ed.show();
- else tinyMCE.execCommand("mceAddControl", false, id);
+ pre_wpautop: function( content ) {
+ var t = this, o = { o: t, data: content, unfiltered: content },
+ q = typeof( jQuery ) !== 'undefined';
- setUserSetting( 'editor', 'tinymce' );
- } else {
- if ( ! ed || ed.isHidden() )
- return false;
+ if ( q ) {
+ jQuery( 'body' ).trigger( 'beforePreWpautop', [ o ] );
+ }
+
+ o.data = t._wp_Nop( o.data );
- this.mode = 'tinymce';
- H.className = 'active';
- P.className = '';
+ if ( q ) {
+ jQuery('body').trigger('afterPreWpautop', [ o ] );
+ }
- ta.style.height = ed.getContentAreaContainer().offsetHeight + 6 + 'px';
+ return o.data;
+ },
- ed.hide();
- qt.style.display = 'block';
+ wpautop: function( pee ) {
+ var t = this, o = { o: t, data: pee, unfiltered: pee },
+ q = typeof( jQuery ) !== 'undefined';
- ta.style.color = '';
- setUserSetting( 'editor', 'html' );
+ if ( q ) {
+ jQuery( 'body' ).trigger('beforeWpautop', [ o ] );
}
- 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('<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('(?:<p>|<br ?/?>)*\\s*\\[caption([^\\[]+)\\[/caption\\]\\s*(?:</p>|<br ?/?>)*', '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(/<br ?\/?>[\r\n]*/g, '\n');
- return a.replace(/<\/?p( [^>]*)?>[\r\n]*/g, '\n');
- });
+ o.data = t._wp_Autop( o.data );
- return pee;
+ if ( q ) {
+ jQuery( 'body' ).trigger('afterWpautop', [ o ] );
+ }
+
+ return o.data;
}
};