JSHint fixes for editor.js. Props dougwollison, fixes #25947

git-svn-id: https://develop.svn.wordpress.org/trunk@26224 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz 2013-11-15 21:02:56 +00:00
parent 5a8835f000
commit 961a2a89e9
1 changed files with 153 additions and 122 deletions

View File

@ -1,245 +1,276 @@
/* global tinymce, tinyMCEPreInit, QTags, setUserSetting */
var switchEditors = { window.switchEditors = {
switchto: function(el) { switchto: function( el ) {
var aid = el.id, l = aid.length, id = aid.substr(0, l - 5), mode = aid.substr(l - 4); 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,
dom = tinymce.DOM;
id = id || 'content'; id = id || 'content';
mode = mode || 'toggle'; mode = mode || 'toggle';
var t = this, ed = tinyMCE.get(id), wrap_id, txtarea_el, dom = tinymce.DOM; ed = tinymce.get( id );
wrap_id = 'wp-' + id + '-wrap';
txtarea_el = dom.get( id );
wrap_id = 'wp-'+id+'-wrap'; if ( 'toggle' === mode ) {
txtarea_el = dom.get(id); if ( ed && ! ed.isHidden() ) {
if ( 'toggle' == mode ) {
if ( ed && !ed.isHidden() )
mode = 'html'; mode = 'html';
else } else {
mode = 'tmce'; mode = 'tmce';
} }
}
if ( 'tmce' == mode || 'tinymce' == mode ) { if ( 'tmce' === mode || 'tinymce' === mode ) {
if ( ed && ! ed.isHidden() ) if ( ed && ! ed.isHidden() ) {
return false; return false;
}
if ( typeof(QTags) != 'undefined' ) if ( typeof( QTags ) !== 'undefined' ) {
QTags.closeAllTags(id); QTags.closeAllTags( id );
}
if ( tinyMCEPreInit.mceInit[id] && tinyMCEPreInit.mceInit[id].wpautop ) if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) {
txtarea_el.value = t.wpautop( txtarea_el.value ); txtarea_el.value = t.wpautop( txtarea_el.value );
}
if ( ed ) { if ( ed ) {
ed.show(); ed.show();
} else { } else {
ed = new tinymce.Editor(id, tinyMCEPreInit.mceInit[id]); ed = new tinymce.Editor( id, tinyMCEPreInit.mceInit[ id ] );
ed.render(); ed.render();
} }
dom.removeClass(wrap_id, 'html-active'); dom.removeClass( wrap_id, 'html-active' );
dom.addClass(wrap_id, 'tmce-active'); dom.addClass( wrap_id, 'tmce-active' );
setUserSetting('editor', 'tinymce'); setUserSetting( 'editor', 'tinymce' );
} else if ( 'html' == mode ) { } else if ( 'html' === mode ) {
if ( ed && ed.isHidden() ) if ( ed && ed.isHidden() ) {
return false; return false;
}
if ( ed ) { if ( ed ) {
ed.hide(); ed.hide();
} else { } else {
// The TinyMCE instance doesn't exist, run the content through "pre_wpautop()" and show the textarea // The TinyMCE instance doesn't exist, run the content through 'pre_wpautop()' and show the textarea
if ( tinyMCEPreInit.mceInit[id] && tinyMCEPreInit.mceInit[id].wpautop ) if ( tinyMCEPreInit.mceInit[ id ] && tinyMCEPreInit.mceInit[ id ].wpautop ) {
txtarea_el.value = t.pre_wpautop( txtarea_el.value ); txtarea_el.value = t.pre_wpautop( txtarea_el.value );
dom.setStyles(txtarea_el, {'display': '', 'visibility': ''});
} }
dom.removeClass(wrap_id, 'tmce-active'); dom.setStyles( txtarea_el, {'display': '', 'visibility': ''} );
dom.addClass(wrap_id, 'html-active'); }
setUserSetting('editor', 'html');
dom.removeClass( wrap_id, 'tmce-active' );
dom.addClass( wrap_id, 'html-active' );
setUserSetting( 'editor', 'html' );
} }
return false; return false;
}, },
_wp_Nop : function(content) { _wp_Nop: function( content ) {
var blocklist1, blocklist2, preserve_linebreaks = false, preserve_br = false; var blocklist1, blocklist2,
preserve_linebreaks = false,
preserve_br = false;
// Protect pre|script tags // Protect pre|script tags
if ( content.indexOf('<pre') != -1 || content.indexOf('<script') != -1 ) { if ( content.indexOf( '<pre' ) !== -1 || content.indexOf( '<script' ) !== -1 ) {
preserve_linebreaks = true; preserve_linebreaks = true;
content = content.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) { content = content.replace( /<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function( a ) {
a = a.replace(/<br ?\/?>(\r\n|\n)?/g, '<wp-temp-lb>'); a = a.replace( /<br ?\/?>(\r\n|\n)?/g, '<wp-temp-lb>' );
return a.replace(/<\/?p( [^>]*)?>(\r\n|\n)?/g, '<wp-temp-lb>'); return a.replace( /<\/?p( [^>]*)?>(\r\n|\n)?/g, '<wp-temp-lb>' );
}); });
} }
// keep <br> tags inside captions and remove line breaks // keep <br> tags inside captions and remove line breaks
if ( content.indexOf('[caption') != -1 ) { if ( content.indexOf( '[caption' ) !== -1 ) {
preserve_br = true; preserve_br = true;
content = content.replace(/\[caption[\s\S]+?\[\/caption\]/g, function(a) { content = content.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) {
return a.replace(/<br([^>]*)>/g, '<wp-temp-br$1>').replace(/[\r\n\t]+/, ''); return a.replace( /<br([^>]*)>/g, '<wp-temp-br$1>' ).replace( /[\r\n\t]+/, '' );
}); });
} }
// Pretty it up for the source editor // 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'; 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 + ')>\\s*', 'g' ), '</$1>\n' );
content = content.replace(new RegExp('\\s*<((?:'+blocklist1+')(?: [^>]*)?)>', 'g'), '\n<$1>'); content = content.replace( new RegExp( '\\s*<((?:' + blocklist1 + ')(?: [^>]*)?)>', 'g' ), '\n<$1>' );
// Mark </p> if it has any attributes. // Mark </p> if it has any attributes.
content = content.replace(/(<p [^>]+>.*?)<\/p>/g, '$1</p#>'); content = content.replace( /(<p [^>]+>.*?)<\/p>/g, '$1</p#>' );
// Separate <div> containing <p> // Separate <div> containing <p>
content = content.replace(/<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n'); content = content.replace( /<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n' );
// Remove <p> and <br /> // Remove <p> and <br />
content = content.replace(/\s*<p>/gi, ''); content = content.replace( /\s*<p>/gi, '' );
content = content.replace(/\s*<\/p>\s*/gi, '\n\n'); content = content.replace( /\s*<\/p>\s*/gi, '\n\n' );
content = content.replace(/\n[\s\u00a0]+\n/g, '\n\n'); content = content.replace( /\n[\s\u00a0]+\n/g, '\n\n' );
content = content.replace(/\s*<br ?\/?>\s*/gi, '\n'); content = content.replace( /\s*<br ?\/?>\s*/gi, '\n' );
// Fix some block element newline issues // Fix some block element newline issues
content = content.replace(/\s*<div/g, '\n<div'); content = content.replace( /\s*<div/g, '\n<div' );
content = content.replace(/<\/div>\s*/g, '</div>\n'); 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( /\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( /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'; 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' ), '\n<$1>' );
content = content.replace(new RegExp('\\s*</('+blocklist2+')>\\s*', 'g'), '</$1>\n'); content = content.replace( new RegExp('\\s*</(' + blocklist2 + ')>\\s*', 'g' ), '</$1>\n' );
content = content.replace(/<li([^>]*)>/g, '\t<li$1>'); content = content.replace( /<li([^>]*)>/g, '\t<li$1>' );
if ( content.indexOf('<hr') != -1 ) { if ( content.indexOf( '<hr' ) !== -1 ) {
content = content.replace(/\s*<hr( [^>]*)?>\s*/g, '\n\n<hr$1>\n\n'); content = content.replace( /\s*<hr( [^>]*)?>\s*/g, '\n\n<hr$1>\n\n' );
} }
if ( content.indexOf('<object') != -1 ) { if ( content.indexOf( '<object' ) !== -1 ) {
content = content.replace(/<object[\s\S]+?<\/object>/g, function(a){ content = content.replace( /<object[\s\S]+?<\/object>/g, function( a ) {
return a.replace(/[\r\n]+/g, ''); return a.replace( /[\r\n]+/g, '' );
}); });
} }
// Unmark special paragraph closing tags // Unmark special paragraph closing tags
content = content.replace(/<\/p#>/g, '</p>\n'); content = content.replace( /<\/p#>/g, '</p>\n' );
content = content.replace(/\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1'); content = content.replace( /\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1' );
// Trim whitespace // Trim whitespace
content = content.replace(/^\s+/, ''); content = content.replace( /^\s+/, '' );
content = content.replace(/[\s\u00a0]+$/, ''); content = content.replace( /[\s\u00a0]+$/, '' );
// put back the line breaks in pre|script // put back the line breaks in pre|script
if ( preserve_linebreaks ) if ( preserve_linebreaks ) {
content = content.replace(/<wp-temp-lb>/g, '\n'); content = content.replace( /<wp-temp-lb>/g, '\n' );
}
// and the <br> tags in captions // and the <br> tags in captions
if ( preserve_br ) if ( preserve_br ) {
content = content.replace(/<wp-temp-br([^>]*)>/g, '<br$1>'); content = content.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' );
}
return content; return content;
}, },
_wp_Autop : function(pee) { _wp_Autop: function(pee) {
var preserve_linebreaks = false, preserve_br = false, var preserve_linebreaks = false,
blocklist = 'table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|option|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|noscript|legend|section|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary'; preserve_br = false,
blocklist = 'table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select' +
'|option|form|map|area|blockquote|address|math|style|p|h[1-6]|hr|fieldset|noscript|legend|section' +
'|article|aside|hgroup|header|footer|nav|figure|figcaption|details|menu|summary';
if ( pee.indexOf('<object') != -1 ) { if ( pee.indexOf( '<object' ) !== -1 ) {
pee = pee.replace(/<object[\s\S]+?<\/object>/g, function(a){ pee = pee.replace( /<object[\s\S]+?<\/object>/g, function( a ) {
return a.replace(/[\r\n]+/g, ''); return a.replace( /[\r\n]+/g, '' );
}); });
} }
pee = pee.replace(/<[^<>]+>/g, function(a){ pee = pee.replace( /<[^<>]+>/g, function( a ){
return a.replace(/[\r\n]+/g, ' '); return a.replace( /[\r\n]+/g, ' ' );
}); });
// Protect pre|script tags // Protect pre|script tags
if ( pee.indexOf('<pre') != -1 || pee.indexOf('<script') != -1 ) { if ( pee.indexOf( '<pre' ) !== -1 || pee.indexOf( '<script' ) !== -1 ) {
preserve_linebreaks = true; preserve_linebreaks = true;
pee = pee.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) { pee = pee.replace( /<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function( a ) {
return a.replace(/(\r\n|\n)/g, '<wp-temp-lb>'); return a.replace( /(\r\n|\n)/g, '<wp-temp-lb>' );
}); });
} }
// keep <br> tags inside captions and convert line breaks // keep <br> tags inside captions and convert line breaks
if ( pee.indexOf('[caption') != -1 ) { if ( pee.indexOf( '[caption' ) !== -1 ) {
preserve_br = true; preserve_br = true;
pee = pee.replace(/\[caption[\s\S]+?\[\/caption\]/g, function(a) { pee = pee.replace( /\[caption[\s\S]+?\[\/caption\]/g, function( a ) {
// keep existing <br> // keep existing <br>
a = a.replace(/<br([^>]*)>/g, '<wp-temp-br$1>'); a = a.replace( /<br([^>]*)>/g, '<wp-temp-br$1>' );
// no line breaks inside HTML tags // no line breaks inside HTML tags
a = a.replace(/<[a-zA-Z0-9]+( [^<>]+)?>/g, function(b){ a = a.replace( /<[a-zA-Z0-9]+( [^<>]+)?>/g, function( b ) {
return b.replace(/[\r\n\t]+/, ' '); return b.replace( /[\r\n\t]+/, ' ' );
}); });
// convert remaining line breaks to <br> // convert remaining line breaks to <br>
return a.replace(/\s*\n\s*/g, '<wp-temp-br />'); return a.replace( /\s*\n\s*/g, '<wp-temp-br />' );
}); });
} }
pee = pee + '\n\n'; pee = pee + '\n\n';
pee = pee.replace(/<br \/>\s*<br \/>/gi, '\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' ), '\n$1' );
pee = pee.replace(new RegExp('(</(?:'+blocklist+')>)', 'gi'), '$1\n\n'); 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( /<hr( [^>]*)?>/gi, '<hr$1>\n\n' ); // hr is self closing block element
pee = pee.replace(/\r\n|\r/g, '\n'); pee = pee.replace( /\r\n|\r/g, '\n' );
pee = pee.replace(/\n\s*\n+/g, '\n\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( /([\s\S]+?)\n\n/g, '<p>$1</p>\n' );
pee = pee.replace(/<p>\s*?<\/p>/gi, ''); pee = pee.replace( /<p>\s*?<\/p>/gi, '');
pee = pee.replace(new RegExp('<p>\\s*(</?(?:'+blocklist+')(?: [^>]*)?>)\\s*</p>', 'gi'), "$1"); pee = pee.replace( new RegExp( '<p>\\s*(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' );
pee = pee.replace(/<p>(<li.+?)<\/p>/gi, '$1'); pee = pee.replace( /<p>(<li.+?)<\/p>/gi, '$1');
pee = pee.replace(/<p>\s*<blockquote([^>]*)>/gi, '<blockquote$1><p>'); pee = pee.replace( /<p>\s*<blockquote([^>]*)>/gi, '<blockquote$1><p>');
pee = pee.replace(/<\/blockquote>\s*<\/p>/gi, '</p></blockquote>'); pee = pee.replace( /<\/blockquote>\s*<\/p>/gi, '</p></blockquote>');
pee = pee.replace(new RegExp('<p>\\s*(</?(?:'+blocklist+')(?: [^>]*)?>)', 'gi'), "$1"); 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( '(</?(?:' + blocklist + ')(?: [^>]*)?>)\\s*</p>', 'gi' ), '$1' );
pee = pee.replace(/\s*\n/gi, '<br />\n'); pee = pee.replace( /\s*\n/gi, '<br />\n');
pee = pee.replace(new RegExp('(</?(?:'+blocklist+')[^>]*>)\\s*<br />', 'gi'), "$1"); 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( /<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( /(?:<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) { pee = pee.replace( /(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function( a, b, c ) {
if ( c.match(/<p( [^>]*)?>/) ) if ( c.match( /<p( [^>]*)?>/ ) ) {
return a; return a;
}
return b + '<p>' + c + '</p>'; return b + '<p>' + c + '</p>';
}); });
// put back the line breaks in pre|script // put back the line breaks in pre|script
if ( preserve_linebreaks ) if ( preserve_linebreaks ) {
pee = pee.replace(/<wp-temp-lb>/g, '\n'); pee = pee.replace( /<wp-temp-lb>/g, '\n' );
}
if ( preserve_br ) if ( preserve_br ) {
pee = pee.replace(/<wp-temp-br([^>]*)>/g, '<br$1>'); pee = pee.replace( /<wp-temp-br([^>]*)>/g, '<br$1>' );
}
return pee; return pee;
}, },
pre_wpautop : function(content) { pre_wpautop: function( content ) {
var t = this, o = { o: t, data: content, unfiltered: content }, var t = this, o = { o: t, data: content, unfiltered: content },
q = typeof(jQuery) != 'undefined'; q = typeof( jQuery ) !== 'undefined';
if ( q ) if ( q ) {
jQuery('body').trigger('beforePreWpautop', [o]); jQuery( 'body' ).trigger( 'beforePreWpautop', [ o ] );
o.data = t._wp_Nop(o.data); }
if ( q )
jQuery('body').trigger('afterPreWpautop', [o]); o.data = t._wp_Nop( o.data );
if ( q ) {
jQuery('body').trigger('afterPreWpautop', [ o ] );
}
return o.data; return o.data;
}, },
wpautop : function(pee) { wpautop: function( pee ) {
var t = this, o = { o: t, data: pee, unfiltered: pee }, var t = this, o = { o: t, data: pee, unfiltered: pee },
q = typeof(jQuery) != 'undefined'; q = typeof( jQuery ) !== 'undefined';
if ( q ) if ( q ) {
jQuery('body').trigger('beforeWpautop', [o]); jQuery( 'body' ).trigger('beforeWpautop', [ o ] );
o.data = t._wp_Autop(o.data); }
if ( q )
jQuery('body').trigger('afterWpautop', [o]); o.data = t._wp_Autop( o.data );
if ( q ) {
jQuery( 'body' ).trigger('afterWpautop', [ o ] );
}
return o.data; return o.data;
} }
} };