webcit/tiny_mce/plugins/paste/editor_plugin_src.js

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