wp-admin/js/editor.js

   1
   2 var switchEditors = {
   3
   4         switchto: function(el) {
   5                 var aid = el.id, l = aid.length, id = aid.substr(0, l - 5), mode = aid.substr(l - 4);
   6
   7                 this.go(id, mode);
   8         },
   9
  10         go: function(id, mode) { // mode can be 'html', 'tmce', or 'toggle'; 'html' is used for the "Text" editor tab.
  11                 id = id || 'content';
  12                 mode = mode || 'toggle';
  13
  14                 var t = this, ed = tinyMCE.get(id), wrap_id, txtarea_el, dom = tinymce.DOM;
  15
  16                 wrap_id = 'wp-'+id+'-wrap';
  17                 txtarea_el = dom.get(id);
  18
  19                 if ( 'toggle' == mode ) {
  20                         if ( ed && !ed.isHidden() )
  21                                 mode = 'html';
  22                         else
  23                                 mode = 'tmce';
  24                 }
  25
  26                 if ( 'tmce' == mode || 'tinymce' == mode ) {
  27                         if ( ed && ! ed.isHidden() )
  28                                 return false;
  29
  30                         if ( typeof(QTags) != 'undefined' )
  31                                 QTags.closeAllTags(id);
  32
  33                         if ( tinyMCEPreInit.mceInit[id] && tinyMCEPreInit.mceInit[id].wpautop )
  34                                 txtarea_el.value = t.wpautop( txtarea_el.value );
  35
  36                         if ( ed ) {
  37                                 ed.show();
  38                         } else {
  39                                 ed = new tinymce.Editor(id, tinyMCEPreInit.mceInit[id]);
  40                                 ed.render();
  41                         }
  42
  43                         dom.removeClass(wrap_id, 'html-active');
  44                         dom.addClass(wrap_id, 'tmce-active');
  45                         setUserSetting('editor', 'tinymce');
  46
  47                 } else if ( 'html' == mode ) {
  48
  49                         if ( ed && ed.isHidden() )
  50                                 return false;
  51
  52                         if ( ed ) {
  53                                 ed.hide();
  54                         } else {
  55                                 // The TinyMCE instance doesn't exist, run the content through "pre_wpautop()" and show the textarea
  56                                 if ( tinyMCEPreInit.mceInit[id] && tinyMCEPreInit.mceInit[id].wpautop )
  57                                         txtarea_el.value = t.pre_wpautop( txtarea_el.value );
  58
  59                                 dom.setStyles(txtarea_el, {'display': '', 'visibility': ''});
  60                         }
  61
  62                         dom.removeClass(wrap_id, 'tmce-active');
  63                         dom.addClass(wrap_id, 'html-active');
  64                         setUserSetting('editor', 'html');
  65                 }
  66                 return false;
  67         },
  68
  69         _wp_Nop : function(content) {
  70                 var blocklist1, blocklist2, preserve_linebreaks = false, preserve_br = false;
  71
  72                 // Protect pre|script tags
  73                 if ( content.indexOf('<pre') != -1 || content.indexOf('<script') != -1 ) {
  74                         preserve_linebreaks = true;
  75                         content = content.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) {
  76                                 a = a.replace(/<br ?\/?>(\r\n|\n)?/g, '<wp-temp-lb>');
  77                                 return a.replace(/<\/?p( [^>]*)?>(\r\n|\n)?/g, '<wp-temp-lb>');
  78                         });
  79                 }
  80
  81                 // keep <br> tags inside captions and remove line breaks
  82                 if ( content.indexOf('[caption') != -1 ) {
  83                         preserve_br = true;
  84                         content = content.replace(/\[caption[\s\S]+?\[\/caption\]/g, function(a) {
  85                                 return a.replace(/<br([^>]*)>/g, '<wp-temp-br$1>').replace(/[\r\n\t]+/, '');
  86                         });
  87                 }
  88
  89                 // Pretty it up for the source editor
  90                 blocklist1 = 'blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|div|h[1-6]|p|fieldset';
  91                 content = content.replace(new RegExp('\\s*</('+blocklist1+')>\\s*', 'g'), '</$1>\n');
  92                 content = content.replace(new RegExp('\\s*<((?:'+blocklist1+')(?: [^>]*)?)>', 'g'), '\n<$1>');
  93
  94                 // Mark </p> if it has any attributes.
  95                 content = content.replace(/(<p [^>]+>.*?)<\/p>/g, '$1</p#>');
  96
  97                 // Separate <div> containing <p>
  98                 content = content.replace(/<div( [^>]*)?>\s*<p>/gi, '<div$1>\n\n');
  99
 100                 // Remove <p> and <br />
 101                 content = content.replace(/\s*<p>/gi, '');
 102                 content = content.replace(/\s*<\/p>\s*/gi, '\n\n');
 103                 content = content.replace(/\n[\s\u00a0]+\n/g, '\n\n');
 104                 content = content.replace(/\s*<br ?\/?>\s*/gi, '\n');
 105
 106                 // Fix some block element newline issues
 107                 content = content.replace(/\s*<div/g, '\n<div');
 108                 content = content.replace(/<\/div>\s*/g, '</div>\n');
 109                 content = content.replace(/\s*\[caption([^\[]+)\[\/caption\]\s*/gi, '\n\n[caption$1[/caption]\n\n');
 110                 content = content.replace(/caption\]\n\n+\[caption/g, 'caption]\n\n[caption');
 111
 112                 blocklist2 = 'blockquote|ul|ol|li|table|thead|tbody|tfoot|tr|th|td|h[1-6]|pre|fieldset';
 113                 content = content.replace(new RegExp('\\s*<((?:'+blocklist2+')(?: [^>]*)?)\\s*>', 'g'), '\n<$1>');
 114                 content = content.replace(new RegExp('\\s*</('+blocklist2+')>\\s*', 'g'), '</$1>\n');
 115                 content = content.replace(/<li([^>]*)>/g, '\t<li$1>');
 116
 117                 if ( content.indexOf('<hr') != -1 ) {
 118                         content = content.replace(/\s*<hr( [^>]*)?>\s*/g, '\n\n<hr$1>\n\n');
 119                 }
 120
 121                 if ( content.indexOf('<object') != -1 ) {
 122                         content = content.replace(/<object[\s\S]+?<\/object>/g, function(a){
 123                                 return a.replace(/[\r\n]+/g, '');
 124                         });
 125                 }
 126
 127                 // Unmark special paragraph closing tags
 128                 content = content.replace(/<\/p#>/g, '</p>\n');
 129                 content = content.replace(/\s*(<p [^>]+>[\s\S]*?<\/p>)/g, '\n$1');
 130
 131                 // Trim whitespace
 132                 content = content.replace(/^\s+/, '');
 133                 content = content.replace(/[\s\u00a0]+$/, '');
 134
 135                 // put back the line breaks in pre|script
 136                 if ( preserve_linebreaks )
 137                         content = content.replace(/<wp-temp-lb>/g, '\n');
 138
 139                 // and the <br> tags in captions
 140                 if ( preserve_br )
 141                         content = content.replace(/<wp-temp-br([^>]*)>/g, '<br$1>');
 142
 143                 return content;
 144         },
 145
 146         _wp_Autop : function(pee) {
 147                 var preserve_linebreaks = false, preserve_br = false,
 148                         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';
 149
 150                 if ( pee.indexOf('<object') != -1 ) {
 151                         pee = pee.replace(/<object[\s\S]+?<\/object>/g, function(a){
 152                                 return a.replace(/[\r\n]+/g, '');
 153                         });
 154                 }
 155
 156                 pee = pee.replace(/<[^<>]+>/g, function(a){
 157                         return a.replace(/[\r\n]+/g, ' ');
 158                 });
 159
 160                 // Protect pre|script tags
 161                 if ( pee.indexOf('<pre') != -1 || pee.indexOf('<script') != -1 ) {
 162                         preserve_linebreaks = true;
 163                         pee = pee.replace(/<(pre|script)[^>]*>[\s\S]+?<\/\1>/g, function(a) {
 164                                 return a.replace(/(\r\n|\n)/g, '<wp-temp-lb>');
 165                         });
 166                 }
 167
 168                 // keep <br> tags inside captions and convert line breaks
 169                 if ( pee.indexOf('[caption') != -1 ) {
 170                         preserve_br = true;
 171                         pee = pee.replace(/\[caption[\s\S]+?\[\/caption\]/g, function(a) {
 172                                 // keep existing <br>
 173                                 a = a.replace(/<br([^>]*)>/g, '<wp-temp-br$1>');
 174                                 // no line breaks inside HTML tags
 175                                 a = a.replace(/<[a-zA-Z0-9]+( [^<>]+)?>/g, function(b){
 176                                         return b.replace(/[\r\n\t]+/, ' ');
 177                                 });
 178                                 // convert remaining line breaks to <br>
 179                                 return a.replace(/\s*\n\s*/g, '<wp-temp-br />');
 180                         });
 181                 }
 182
 183                 pee = pee + '\n\n';
 184                 pee = pee.replace(/<br \/>\s*<br \/>/gi, '\n\n');
 185                 pee = pee.replace(new RegExp('(<(?:'+blocklist+')(?: [^>]*)?>)', 'gi'), '\n$1');
 186                 pee = pee.replace(new RegExp('(</(?:'+blocklist+')>)', 'gi'), '$1\n\n');
 187                 pee = pee.replace(/<hr( [^>]*)?>/gi, '<hr$1>\n\n'); // hr is self closing block element
 188                 pee = pee.replace(/\r\n|\r/g, '\n');
 189                 pee = pee.replace(/\n\s*\n+/g, '\n\n');
 190                 pee = pee.replace(/([\s\S]+?)\n\n/g, '<p>$1</p>\n');
 191                 pee = pee.replace(/<p>\s*?<\/p>/gi, '');
 192                 pee = pee.replace(new RegExp('<p>\\s*(</?(?:'+blocklist+')(?: [^>]*)?>)\\s*</p>', 'gi'), "$1");
 193                 pee = pee.replace(/<p>(<li.+?)<\/p>/gi, '$1');
 194                 pee = pee.replace(/<p>\s*<blockquote([^>]*)>/gi, '<blockquote$1><p>');
 195                 pee = pee.replace(/<\/blockquote>\s*<\/p>/gi, '</p></blockquote>');
 196                 pee = pee.replace(new RegExp('<p>\\s*(</?(?:'+blocklist+')(?: [^>]*)?>)', 'gi'), "$1");
 197                 pee = pee.replace(new RegExp('(</?(?:'+blocklist+')(?: [^>]*)?>)\\s*</p>', 'gi'), "$1");
 198                 pee = pee.replace(/\s*\n/gi, '<br />\n');
 199                 pee = pee.replace(new RegExp('(</?(?:'+blocklist+')[^>]*>)\\s*<br />', 'gi'), "$1");
 200                 pee = pee.replace(/<br \/>(\s*<\/?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol)>)/gi, '$1');
 201                 pee = pee.replace(/(?:<p>|<br ?\/?>)*\s*\[caption([^\[]+)\[\/caption\]\s*(?:<\/p>|<br ?\/?>)*/gi, '[caption$1[/caption]');
 202
 203                 pee = pee.replace(/(<(?:div|th|td|form|fieldset|dd)[^>]*>)(.*?)<\/p>/g, function(a, b, c) {
 204                         if ( c.match(/<p( [^>]*)?>/) )
 205                                 return a;
 206
 207                         return b + '<p>' + c + '</p>';
 208                 });
 209
 210                 // put back the line breaks in pre|script
 211                 if ( preserve_linebreaks )
 212                         pee = pee.replace(/<wp-temp-lb>/g, '\n');
 213
 214                 if ( preserve_br )
 215                         pee = pee.replace(/<wp-temp-br([^>]*)>/g, '<br$1>');
 216
 217                 return pee;
 218         },
 219
 220         pre_wpautop : function(content) {
 221                 var t = this, o = { o: t, data: content, unfiltered: content },
 222                         q = typeof(jQuery) != 'undefined';
 223
 224                 if ( q )
 225                         jQuery('body').trigger('beforePreWpautop', [o]);
 226                 o.data = t._wp_Nop(o.data);
 227                 if ( q )
 228                         jQuery('body').trigger('afterPreWpautop', [o]);
 229
 230                 return o.data;
 231         },
 232
 233         wpautop : function(pee) {
 234                 var t = this, o = { o: t, data: pee, unfiltered: pee },
 235                         q = typeof(jQuery) != 'undefined';
 236
 237                 if ( q )
 238                         jQuery('body').trigger('beforeWpautop', [o]);
 239                 o.data = t._wp_Autop(o.data);
 240                 if ( q )
 241                         jQuery('body').trigger('afterWpautop', [o]);
 242
 243                 return o.data;
 244         }
 245 }