webcit/tiny_mce/plugins/paste/editor_plugin_src.js

   1 /**\r
   2  * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $\r
   3  *\r
   4  * @author Moxiecode\r
   5  * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.\r
   6  */\r
   7 \r
   8 /* Import plugin specific language pack */ \r
   9 tinyMCE.importPluginLanguagePack('paste');\r
  10 \r
  11 var TinyMCE_PastePlugin = {\r
  12         getInfo : function() {\r
  13                 return {\r
  14                         longname : 'Paste text/word',\r
  15                         author : 'Moxiecode Systems AB',\r
  16                         authorurl : 'http://tinymce.moxiecode.com',\r
  17                         infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/paste',\r
  18                         version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion\r
  19                 };\r
  20         },\r
  21 \r
  22         initInstance : function(inst) {\r
  23                 if (tinyMCE.isMSIE && tinyMCE.getParam("paste_auto_cleanup_on_paste", false))\r
  24                         tinyMCE.addEvent(inst.getBody(), "paste", TinyMCE_PastePlugin._handlePasteEvent);\r
  25         },\r
  26 \r
  27         handleEvent : function(e) {\r
  28                 // Force paste dialog if non IE browser\r
  29                 if (!tinyMCE.isRealIE && tinyMCE.getParam("paste_auto_cleanup_on_paste", false) && e.ctrlKey && e.keyCode == 86 && e.type == "keydown") {\r
  30                         window.setTimeout('tinyMCE.selectedInstance.execCommand("mcePasteText",true)', 1);\r
  31                         return tinyMCE.cancelEvent(e);\r
  32                 }\r
  33 \r
  34                 return true;\r
  35         },\r
  36 \r
  37         getControlHTML : function(cn) { \r
  38                 switch (cn) { \r
  39                         case "pastetext":\r
  40                                 return tinyMCE.getButtonHTML(cn, 'lang_paste_text_desc', '{$pluginurl}/images/pastetext.gif', 'mcePasteText', true);\r
  41 \r
  42                         case "pasteword":\r
  43                                 return tinyMCE.getButtonHTML(cn, 'lang_paste_word_desc', '{$pluginurl}/images/pasteword.gif', 'mcePasteWord', true);\r
  44 \r
  45                         case "selectall":\r
  46                                 return tinyMCE.getButtonHTML(cn, 'lang_selectall_desc', '{$pluginurl}/images/selectall.gif', 'mceSelectAll', true);\r
  47                 } \r
  48 \r
  49                 return ''; \r
  50         },\r
  51 \r
  52         execCommand : function(editor_id, element, command, user_interface, value) { \r
  53                 switch (command) { \r
  54                         case "mcePasteText": \r
  55                                 if (user_interface) {\r
  56                                         if ((tinyMCE.isMSIE && !tinyMCE.isOpera) && !tinyMCE.getParam('paste_use_dialog', false))\r
  57                                                 TinyMCE_PastePlugin._insertText(clipboardData.getData("Text"), true); \r
  58                                         else { \r
  59                                                 var template = new Array(); \r
  60                                                 template['file']        = '../../plugins/paste/pastetext.htm'; // Relative to theme \r
  61                                                 template['width']  = 450; \r
  62                                                 template['height'] = 400; \r
  63                                                 var plain_text = ""; \r
  64                                                 tinyMCE.openWindow(template, {editor_id : editor_id, plain_text: plain_text, resizable : "yes", scrollbars : "no", inline : "yes", mceDo : 'insert'}); \r
  65                                         }\r
  66                                 } else\r
  67                                         TinyMCE_PastePlugin._insertText(value['html'], value['linebreaks']);\r
  68 \r
  69                                 return true;\r
  70 \r
  71                         case "mcePasteWord": \r
  72                                 if (user_interface) {\r
  73                                         if ((tinyMCE.isMSIE && !tinyMCE.isOpera) && !tinyMCE.getParam('paste_use_dialog', false)) {\r
  74                                                 TinyMCE_PastePlugin._insertWordContent(TinyMCE_PastePlugin._clipboardHTML());\r
  75                                         } else { \r
  76                                                 var template = new Array(); \r
  77                                                 template['file']        = '../../plugins/paste/pasteword.htm'; // Relative to theme \r
  78                                                 template['width']  = 450; \r
  79                                                 template['height'] = 400; \r
  80                                                 var plain_text = ""; \r
  81                                                 tinyMCE.openWindow(template, {editor_id : editor_id, plain_text: plain_text, resizable : "yes", scrollbars : "no", inline : "yes", mceDo : 'insert'});\r
  82                                         }\r
  83                                 } else\r
  84                                         TinyMCE_PastePlugin._insertWordContent(value);\r
  85 \r
  86                                 return true;\r
  87 \r
  88                         case "mceSelectAll":\r
  89                                 tinyMCE.execInstanceCommand(editor_id, 'selectall'); \r
  90                                 return true; \r
  91 \r
  92                 } \r
  93 \r
  94                 // Pass to next handler in chain \r
  95                 return false; \r
  96         },\r
  97 \r
  98         // Private plugin internal methods\r
  99 \r
 100         _handlePasteEvent : function(e) {\r
 101                 switch (e.type) {\r
 102                         case "paste":\r
 103                                 var html = TinyMCE_PastePlugin._clipboardHTML();\r
 104                                 var r, inst = tinyMCE.selectedInstance;\r
 105 \r
 106                                 // Removes italic, strong etc, the if was needed due to bug #1437114\r
 107                                 if (inst && (r = inst.getRng()) && r.text.length > 0)\r
 108                                         tinyMCE.execCommand('delete');\r
 109 \r
 110                                 if (html && html.length > 0)\r
 111                                         tinyMCE.execCommand('mcePasteWord', false, html);\r
 112 \r
 113                                 tinyMCE.cancelEvent(e);\r
 114                                 return false;\r
 115                 }\r
 116 \r
 117                 return true;\r
 118         },\r
 119 \r
 120         _insertText : function(content, bLinebreaks) { \r
 121                 if (content && content.length > 0) {\r
 122                         if (bLinebreaks) { \r
 123                                 // Special paragraph treatment \r
 124                                 if (tinyMCE.getParam("paste_create_paragraphs", true)) {\r
 125                                         var rl = tinyMCE.getParam("paste_replace_list", '\u2122,<sup>TM</sup>,\u2026,...,\u201c|\u201d,",\u2019,\',\u2013|\u2014|\u2015|\u2212,-').split(',');\r
 126                                         for (var i=0; i<rl.length; i+=2)\r
 127                                                 content = content.replace(new RegExp(rl[i], 'gi'), rl[i+1]);\r
 128 \r
 129                                         content = tinyMCE.regexpReplace(content, "\r\n\r\n", "</p><p>", "gi"); \r
 130                                         content = tinyMCE.regexpReplace(content, "\r\r", "</p><p>", "gi"); \r
 131                                         content = tinyMCE.regexpReplace(content, "\n\n", "</p><p>", "gi"); \r
 132 \r
 133                                         // Has paragraphs \r
 134                                         if ((pos = content.indexOf('</p><p>')) != -1) { \r
 135                                                 tinyMCE.execCommand("Delete"); \r
 136 \r
 137                                                 var node = tinyMCE.selectedInstance.getFocusElement(); \r
 138 \r
 139                                                 // Get list of elements to break \r
 140                                                 var breakElms = new Array(); \r
 141 \r
 142                                                 do { \r
 143                                                         if (node.nodeType == 1) { \r
 144                                                                 // Don't break tables and break at body \r
 145                                                                 if (node.nodeName == "TD" || node.nodeName == "BODY") \r
 146                                                                         break; \r
 147                 \r
 148                                                                 breakElms[breakElms.length] = node; \r
 149                                                         } \r
 150                                                 } while(node = node.parentNode); \r
 151 \r
 152                                                 var before = "", after = "</p>"; \r
 153                                                 before += content.substring(0, pos); \r
 154 \r
 155                                                 for (var i=0; i<breakElms.length; i++) { \r
 156                                                         before += "</" + breakElms[i].nodeName + ">"; \r
 157                                                         after += "<" + breakElms[(breakElms.length-1)-i].nodeName + ">"; \r
 158                                                 } \r
 159 \r
 160                                                 before += "<p>"; \r
 161                                                 content = before + content.substring(pos+7) + after; \r
 162                                         } \r
 163                                 } \r
 164 \r
 165                                 if (tinyMCE.getParam("paste_create_linebreaks", true)) {\r
 166                                         content = tinyMCE.regexpReplace(content, "\r\n", "<br />", "gi"); \r
 167                                         content = tinyMCE.regexpReplace(content, "\r", "<br />", "gi"); \r
 168                                         content = tinyMCE.regexpReplace(content, "\n", "<br />", "gi"); \r
 169                                 }\r
 170                         } \r
 171                 \r
 172                         tinyMCE.execCommand("mceInsertRawHTML", false, content); \r
 173                 }\r
 174         },\r
 175 \r
 176         _insertWordContent : function(content) { \r
 177                 if (content && content.length > 0) {\r
 178                         // Cleanup Word content\r
 179                         var bull = String.fromCharCode(8226);\r
 180                         var middot = String.fromCharCode(183);\r
 181                         var cb;\r
 182 \r
 183                         if ((cb = tinyMCE.getParam("paste_insert_word_content_callback", "")) != "")\r
 184                                 content = eval(cb + "('before', content)");\r
 185 \r
 186                         var rl = tinyMCE.getParam("paste_replace_list", '\u2122,<sup>TM</sup>,\u2026,...,\u201c|\u201d,",\u2019,\',\u2013|\u2014|\u2015|\u2212,-').split(',');\r
 187                         for (var i=0; i<rl.length; i+=2)\r
 188                                 content = content.replace(new RegExp(rl[i], 'gi'), rl[i+1]);\r
 189 \r
 190                         if (tinyMCE.getParam("paste_convert_headers_to_strong", false)) {\r
 191                                 content = content.replace(new RegExp('<p class=MsoHeading.*?>(.*?)<\/p>', 'gi'), '<p><b>$1</b></p>');\r
 192                         }\r
 193 \r
 194                         content = content.replace(new RegExp('tab-stops: list [0-9]+.0pt">', 'gi'), '">' + "--list--");\r
 195                         content = content.replace(new RegExp(bull + "(.*?)<BR>", "gi"), "<p>" + middot + "$1</p>");\r
 196                         content = content.replace(new RegExp('<SPAN style="mso-list: Ignore">', 'gi'), "<span>" + bull); // Covert to bull list\r
 197                         content = content.replace(/<o:p><\/o:p>/gi, "");\r
 198                         content = content.replace(new RegExp('<br style="page-break-before: always;.*>', 'gi'), '-- page break --'); // Replace pagebreaks\r
 199                         content = content.replace(new RegExp('<(!--)([^>]*)(--)>', 'g'), "");  // Word comments\r
 200 \r
 201                         if (tinyMCE.getParam("paste_remove_spans", true))\r
 202                                 content = content.replace(/<\/?span[^>]*>/gi, "");\r
 203 \r
 204                         if (tinyMCE.getParam("paste_remove_styles", true))\r
 205                                 content = content.replace(new RegExp('<(\\w[^>]*) style="([^"]*)"([^>]*)', 'gi'), "<$1$3");\r
 206 \r
 207                         content = content.replace(/<\/?font[^>]*>/gi, "");\r
 208 \r
 209                         // Strips class attributes.\r
 210                         switch (tinyMCE.getParam("paste_strip_class_attributes", "all")) {\r
 211                                 case "all":\r
 212                                         content = content.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3");\r
 213                                         break;\r
 214 \r
 215                                 case "mso":\r
 216                                         content = content.replace(new RegExp('<(\\w[^>]*) class="?mso([^ |>]*)([^>]*)', 'gi'), "<$1$3");\r
 217                                         break;\r
 218                         }\r
 219 \r
 220                         content = content.replace(new RegExp('href="?' + TinyMCE_PastePlugin._reEscape("" + document.location) + '', 'gi'), 'href="' + tinyMCE.settings['document_base_url']);\r
 221                         content = content.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3");\r
 222                         content = content.replace(/<\\?\?xml[^>]*>/gi, "");\r
 223                         content = content.replace(/<\/?\w+:[^>]*>/gi, "");\r
 224                         content = content.replace(/-- page break --\s*<p>&nbsp;<\/p>/gi, ""); // Remove pagebreaks\r
 225                         content = content.replace(/-- page break --/gi, ""); // Remove pagebreaks\r
 226 \r
 227         //              content = content.replace(/\/?&nbsp;*/gi, ""); &nbsp;\r
 228         //              content = content.replace(/<p>&nbsp;<\/p>/gi, '');\r
 229 \r
 230                         if (!tinyMCE.settings['force_p_newlines']) {\r
 231                                 content = content.replace('', '' ,'gi');\r
 232                                 content = content.replace('</p>', '<br /><br />' ,'gi');\r
 233                         }\r
 234 \r
 235                         if (!tinyMCE.isMSIE && !tinyMCE.settings['force_p_newlines']) {\r
 236                                 content = content.replace(/<\/?p[^>]*>/gi, "");\r
 237                         }\r
 238 \r
 239                         content = content.replace(/<\/?div[^>]*>/gi, "");\r
 240 \r
 241                         // Convert all middlot lists to UL lists\r
 242                         if (tinyMCE.getParam("paste_convert_middot_lists", true)) {\r
 243                                 var div = document.createElement("div");\r
 244                                 div.innerHTML = content;\r
 245 \r
 246                                 // Convert all middot paragraphs to li elements\r
 247                                 var className = tinyMCE.getParam("paste_unindented_list_class", "unIndentedList");\r
 248 \r
 249                                 while (TinyMCE_PastePlugin._convertMiddots(div, "--list--")) ; // bull\r
 250                                 while (TinyMCE_PastePlugin._convertMiddots(div, middot, className)) ; // Middot\r
 251                                 while (TinyMCE_PastePlugin._convertMiddots(div, bull)) ; // bull\r
 252 \r
 253                                 content = div.innerHTML;\r
 254                         }\r
 255 \r
 256                         // Replace all headers with strong and fix some other issues\r
 257                         if (tinyMCE.getParam("paste_convert_headers_to_strong", false)) {\r
 258                                 content = content.replace(/<h[1-6]>&nbsp;<\/h[1-6]>/gi, '<p>&nbsp;&nbsp;</p>');\r
 259                                 content = content.replace(/<h[1-6]>/gi, '<p><b>');\r
 260                                 content = content.replace(/<\/h[1-6]>/gi, '</b></p>');\r
 261                                 content = content.replace(/<b>&nbsp;<\/b>/gi, '<b>&nbsp;&nbsp;</b>');\r
 262                                 content = content.replace(/^(&nbsp;)*/gi, '');\r
 263                         }\r
 264 \r
 265                         content = content.replace(/--list--/gi, ""); // Remove --list--\r
 266 \r
 267                         if ((cb = tinyMCE.getParam("paste_insert_word_content_callback", "")) != "")\r
 268                                 content = eval(cb + "('after', content)");\r
 269 \r
 270                         // Insert cleaned content\r
 271                         tinyMCE.execCommand("mceInsertContent", false, content);\r
 272 \r
 273                         if (tinyMCE.getParam('paste_force_cleanup_wordpaste', true))\r
 274                                 window.setTimeout('tinyMCE.execCommand("mceCleanup");', 1); // Do normal cleanup detached from this thread\r
 275                 }\r
 276         },\r
 277 \r
 278         _reEscape : function(s) {\r
 279                 var l = "?.\\*[](){}+^$:";\r
 280                 var o = "";\r
 281 \r
 282                 for (var i=0; i<s.length; i++) {\r
 283                         var c = s.charAt(i);\r
 284 \r
 285                         if (l.indexOf(c) != -1)\r
 286                                 o += '\\' + c;\r
 287                         else\r
 288                                 o += c;\r
 289                 }\r
 290 \r
 291                 return o;\r
 292         },\r
 293 \r
 294         _convertMiddots : function(div, search, class_name) {\r
 295                 var mdot = String.fromCharCode(183);\r
 296                 var bull = String.fromCharCode(8226);\r
 297 \r
 298                 var nodes = div.getElementsByTagName("p");\r
 299                 var prevul;\r
 300                 for (var i=0; i<nodes.length; i++) {\r
 301                         var p = nodes[i];\r
 302 \r
 303                         // Is middot\r
 304                         if (p.innerHTML.indexOf(search) == 0) {\r
 305                                 var ul = document.createElement("ul");\r
 306 \r
 307                                 if (class_name)\r
 308                                         ul.className = class_name;\r
 309 \r
 310                                 // Add the first one\r
 311                                 var li = document.createElement("li");\r
 312                                 li.innerHTML = p.innerHTML.replace(new RegExp('' + mdot + '|' + bull + '|--list--|&nbsp;', "gi"), '');\r
 313                                 ul.appendChild(li);\r
 314 \r
 315                                 // Add the rest\r
 316                                 var np = p.nextSibling;\r
 317                                 while (np) {\r
 318                                 // If the node is whitespace, then\r
 319                                 // ignore it and continue on.\r
 320                                 if (np.nodeType == 3 && new RegExp('^\\s$', 'm').test(np.nodeValue)) {\r
 321                                         np = np.nextSibling;\r
 322                                         continue;\r
 323                                 }\r
 324 \r
 325                                         if (search == mdot) {\r
 326                                                 if (np.nodeType == 1 && new RegExp('^o(\\s+|&nbsp;)').test(np.innerHTML)) {\r
 327                                                         // Second level of nesting\r
 328                                                         if (!prevul) {\r
 329                                                                 prevul = ul;\r
 330                                                                 ul = document.createElement("ul");\r
 331                                                                 prevul.appendChild(ul);\r
 332                                                         }\r
 333                                                         np.innerHTML = np.innerHTML.replace(/^o/, '');\r
 334                                                 } else {\r
 335                                                         // Pop the stack if we're going back up to the first level\r
 336                                                         if (prevul) {\r
 337                                                                 ul = prevul;\r
 338                                                                 prevul = null;\r
 339                                                         }\r
 340                                                         // Not element or middot paragraph\r
 341                                                         if (np.nodeType != 1 || np.innerHTML.indexOf(search) != 0)\r
 342                                                                 break;\r
 343                                                 }\r
 344                                         } else {\r
 345                                                 // Not element or middot paragraph\r
 346                                                 if (np.nodeType != 1 || np.innerHTML.indexOf(search) != 0)\r
 347                                                         break;\r
 348                                         }\r
 349 \r
 350                                         var cp = np.nextSibling;\r
 351                                         var li = document.createElement("li");\r
 352                                         li.innerHTML = np.innerHTML.replace(new RegExp('' + mdot + '|' + bull + '|--list--|&nbsp;', "gi"), '');\r
 353                                         np.parentNode.removeChild(np);\r
 354                                         ul.appendChild(li);\r
 355                                         np = cp;\r
 356                                 }\r
 357 \r
 358                                 p.parentNode.replaceChild(ul, p);\r
 359 \r
 360                                 return true;\r
 361                         }\r
 362                 }\r
 363 \r
 364                 return false;\r
 365         },\r
 366 \r
 367         _clipboardHTML : function() {\r
 368                 var div = document.getElementById('_TinyMCE_clipboardHTML');\r
 369 \r
 370                 if (!div) {\r
 371                         var div = document.createElement('DIV');\r
 372                         div.id = '_TinyMCE_clipboardHTML';\r
 373 \r
 374                         with (div.style) {\r
 375                                 visibility = 'hidden';\r
 376                                 overflow = 'hidden';\r
 377                                 position = 'absolute';\r
 378                                 width = 1;\r
 379                                 height = 1;\r
 380                         }\r
 381 \r
 382                         document.body.appendChild(div);\r
 383                 }\r
 384 \r
 385                 div.innerHTML = '';\r
 386                 var rng = document.body.createTextRange();\r
 387                 rng.moveToElementText(div);\r
 388                 rng.execCommand('Paste');\r
 389                 var html = div.innerHTML;\r
 390                 div.innerHTML = '';\r
 391                 return html;\r
 392         }\r
 393 };\r
 394 \r
 395 tinyMCE.addPlugin("paste", TinyMCE_PastePlugin);\r