]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/js/editor.js
WordPress 4.2.2-scripts
[autoinstalls/wordpress.git] / wp-admin / js / editor.js
index 935267a28666b95564483a905dbeb4b1c79697f3..4ff70df848846acce2a696cb11a7cbe6465ee1bb 100644 (file)
+/* 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('^((?:&nbsp;)*)\\s', 'mg'), '$1&nbsp;');
-
-               // 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;
        }
 };