include/jscripts/tiny_mce/plugins/safari/editor_plugin_src.js

   1 /**\r
   2  * $Id: editor_plugin_src.js 264 2007-04-26 20:53:09Z spocke $\r
   3  *\r
   4  * @author Moxiecode\r
   5  * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.\r
   6  */\r
   7 \r
   8 (function() {\r
   9         var Event = tinymce.dom.Event, grep = tinymce.grep, each = tinymce.each, inArray = tinymce.inArray;\r
  10 \r
  11         function isEmpty(d, e, f) {\r
  12                 var w, n;\r
  13 \r
  14                 w = d.createTreeWalker(e, NodeFilter.SHOW_ALL, null, false);\r
  15                 while (n = w.nextNode()) {\r
  16                         // Filter func\r
  17                         if (f) {\r
  18                                 if (!f(n))\r
  19                                         return false;\r
  20                         }\r
  21 \r
  22                         // Non whitespace text node\r
  23                         if (n.nodeType == 3 && n.nodeValue && /[^\s\u00a0]+/.test(n.nodeValue))\r
  24                                 return false;\r
  25 \r
  26                         // Is non text element byt still content\r
  27                         if (n.nodeType == 1 && /^(HR|IMG|TABLE)$/.test(n.nodeName))\r
  28                                 return false;\r
  29                 }\r
  30 \r
  31                 return true;\r
  32         };\r
  33 \r
  34         tinymce.create('tinymce.plugins.Safari', {\r
  35                 init : function(ed) {\r
  36                         var t = this, dom;\r
  37 \r
  38                         // Ignore on non webkit\r
  39                         if (!tinymce.isWebKit)\r
  40                                 return;\r
  41 \r
  42                         t.editor = ed;\r
  43                         t.webKitFontSizes = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', '-webkit-xxx-large'];\r
  44                         t.namedFontSizes = ['xx-small', 'x-small','small','medium','large','x-large', 'xx-large'];\r
  45 \r
  46                         // Safari CreateLink command will not work correctly on images that is aligned\r
  47                         ed.addCommand('CreateLink', function(u, v) {\r
  48                                 var n = ed.selection.getNode(), dom = ed.dom, a;\r
  49 \r
  50                                 if (n && (/^(left|right)$/i.test(dom.getStyle(n, 'float', 1)) || /^(left|right)$/i.test(dom.getAttrib(n, 'align')))) {\r
  51                                         a = dom.create('a', {href : v}, n.cloneNode());\r
  52                                         n.parentNode.replaceChild(a, n);\r
  53                                         ed.selection.select(a);\r
  54                                 } else\r
  55                                         ed.getDoc().execCommand("CreateLink", false, v);\r
  56                         });\r
  57 \r
  58 /*\r
  59                         // WebKit generates spans out of thin air this patch used to remove them but it will also remove styles we want so it's disabled for now\r
  60                         ed.onPaste.add(function(ed, e) {\r
  61                                 function removeStyles(e) {\r
  62                                         e = e.target;\r
  63 \r
  64                                         if (e.nodeType == 1) {\r
  65                                                 e.style.cssText = '';\r
  66 \r
  67                                                 each(ed.dom.select('*', e), function(e) {\r
  68                                                         e.style.cssText = '';\r
  69                                                 });\r
  70                                         }\r
  71                                 };\r
  72 \r
  73                                 Event.add(ed.getDoc(), 'DOMNodeInserted', removeStyles);\r
  74 \r
  75                                 window.setTimeout(function() {\r
  76                                         Event.remove(ed.getDoc(), 'DOMNodeInserted', removeStyles);\r
  77                                 }, 0);\r
  78                         });\r
  79 */\r
  80                         ed.onKeyUp.add(function(ed, e) {\r
  81                                 var h, b, r, n, s;\r
  82 \r
  83                                 // If backspace or delete key\r
  84                                 if (e.keyCode == 46 || e.keyCode == 8) {\r
  85                                         b = ed.getBody();\r
  86                                         h = b.innerHTML;\r
  87                                         s = ed.selection;\r
  88 \r
  89                                         // If there is no text content or images or hr elements then remove everything\r
  90                                         if (b.childNodes.length == 1 && !/<(img|hr)/.test(h) && tinymce.trim(h.replace(/<[^>]+>/g, '')).length == 0) {\r
  91                                                 // Inject paragrah and bogus br\r
  92                                                 ed.setContent('<p><br mce_bogus="1" /></p>', {format : 'raw'});\r
  93 \r
  94                                                 // Move caret before bogus br\r
  95                                                 n = b.firstChild;\r
  96                                                 r = s.getRng();\r
  97                                                 r.setStart(n, 0);\r
  98                                                 r.setEnd(n, 0);\r
  99                                                 s.setRng(r);\r
 100                                         }\r
 101                                 }\r
 102                         });\r
 103 \r
 104                         // Workaround for FormatBlock bug, http://bugs.webkit.org/show_bug.cgi?id=16004\r
 105                         ed.addCommand('FormatBlock', function(u, v) {\r
 106                                 var dom = ed.dom, e = dom.getParent(ed.selection.getNode(), dom.isBlock);\r
 107 \r
 108                                 if (e)\r
 109                                         dom.replace(dom.create(v), e, 1);\r
 110                                 else\r
 111                                         ed.getDoc().execCommand("FormatBlock", false, v);\r
 112                         });\r
 113 \r
 114                         // Workaround for InsertHTML bug, http://bugs.webkit.org/show_bug.cgi?id=16382\r
 115                         ed.addCommand('mceInsertContent', function(u, v) {\r
 116                                 ed.getDoc().execCommand("InsertText", false, 'mce_marker');\r
 117                                 ed.getBody().innerHTML = ed.getBody().innerHTML.replace(/mce_marker/g, ed.dom.processHTML(v) + '<span id="_mce_tmp">XX</span>');\r
 118                                 ed.selection.select(ed.dom.get('_mce_tmp'));\r
 119                                 ed.getDoc().execCommand("Delete", false, ' ');\r
 120                         });\r
 121         \r
 122         /*              ed.onKeyDown.add(function(ed, e) {\r
 123                                 // Ctrl+A select all will fail on WebKit since if you paste the contents you selected it will produce a odd div wrapper\r
 124                                 if ((e.ctrlKey || e.metaKey) && e.keyCode == 65) {\r
 125                                         ed.selection.select(ed.getBody(), 1);\r
 126                                         return Event.cancel(e);\r
 127                                 }\r
 128                         });*/\r
 129 \r
 130                         ed.onKeyPress.add(function(ed, e) {\r
 131                                 var se, li, lic, r1, r2, n, sel, doc, be, af, pa;\r
 132 \r
 133                                 if (e.keyCode == 13) {\r
 134                                         sel = ed.selection;\r
 135                                         se = sel.getNode();\r
 136 \r
 137                                         // Workaround for missing shift+enter support, http://bugs.webkit.org/show_bug.cgi?id=16973\r
 138                                         if (e.shiftKey || ed.settings.force_br_newlines && se.nodeName != 'LI') {\r
 139                                                 t._insertBR(ed);\r
 140                                                 Event.cancel(e);\r
 141                                         }\r
 142 \r
 143                                         // Workaround for DIV elements produced by Safari\r
 144                                         if (li = dom.getParent(se, 'LI')) {\r
 145                                                 lic = dom.getParent(li, 'OL,UL');\r
 146                                                 doc = ed.getDoc();\r
 147 \r
 148                                                 pa = dom.create('p');\r
 149                                                 dom.add(pa, 'br', {mce_bogus : "1"});\r
 150 \r
 151                                                 if (isEmpty(doc, li)) {\r
 152                                                         // If list in list then use browser default behavior\r
 153                                                         if (n = dom.getParent(lic.parentNode, 'LI,OL,UL'))\r
 154                                                                 return;\r
 155 \r
 156                                                         n = dom.getParent(lic, 'p,h1,h2,h3,h4,h5,h6,div') || lic;\r
 157 \r
 158                                                         // Create range from the start of block element to the list item\r
 159                                                         r1 = doc.createRange();\r
 160                                                         r1.setStartBefore(n);\r
 161                                                         r1.setEndBefore(li);\r
 162 \r
 163                                                         // Create range after the list to the end of block element\r
 164                                                         r2 = doc.createRange();\r
 165                                                         r2.setStartAfter(li);\r
 166                                                         r2.setEndAfter(n);\r
 167 \r
 168                                                         be = r1.cloneContents();\r
 169                                                         af = r2.cloneContents();\r
 170 \r
 171                                                         if (!isEmpty(doc, af))\r
 172                                                                 dom.insertAfter(af, n);\r
 173 \r
 174                                                         dom.insertAfter(pa, n);\r
 175 \r
 176                                                         if (!isEmpty(doc, be))\r
 177                                                                 dom.insertAfter(be, n);\r
 178 \r
 179                                                         dom.remove(n);\r
 180 \r
 181                                                         n = pa.firstChild;\r
 182                                                         r1 = doc.createRange();\r
 183                                                         r1.setStartBefore(n);\r
 184                                                         r1.setEndBefore(n);\r
 185                                                         sel.setRng(r1);\r
 186 \r
 187                                                         return Event.cancel(e);\r
 188                                                 }\r
 189                                         }\r
 190                                 }\r
 191                         });\r
 192 \r
 193                         // Safari doesn't place lists outside block elements\r
 194                         ed.onExecCommand.add(function(ed, cmd) {\r
 195                                 var sel, dom, bl, bm;\r
 196 \r
 197                                 if (cmd == 'InsertUnorderedList' || cmd == 'InsertOrderedList') {\r
 198                                         sel = ed.selection;\r
 199                                         dom = ed.dom;\r
 200 \r
 201                                         if (bl = dom.getParent(sel.getNode(), function(n) {return /^(H[1-6]|P|ADDRESS|PRE)$/.test(n.nodeName);})) {\r
 202                                                 bm = sel.getBookmark();\r
 203                                                 dom.remove(bl, 1);\r
 204                                                 sel.moveToBookmark(bm);\r
 205                                         }\r
 206                                 }\r
 207                         });\r
 208 \r
 209                         // Workaround for bug, http://bugs.webkit.org/show_bug.cgi?id=12250\r
 210                         ed.onClick.add(function(ed, e) {\r
 211                                 e = e.target;\r
 212 \r
 213                                 if (e.nodeName == 'IMG') {\r
 214                                         t.selElm = e;\r
 215                                         ed.selection.select(e);\r
 216                                 } else\r
 217                                         t.selElm = null;\r
 218                         });\r
 219 \r
 220                         ed.onInit.add(function() {\r
 221                                 t._fixWebKitSpans();\r
 222                         });\r
 223 \r
 224                         ed.onSetContent.add(function() {\r
 225                                 dom = ed.dom;\r
 226 \r
 227                                 // Convert strong,b,em,u,strike to spans\r
 228                                 each(['strong','b','em','u','strike','sub','sup','a'], function(v) {\r
 229                                         each(grep(dom.select(v)).reverse(), function(n) {\r
 230                                                 var nn = n.nodeName.toLowerCase(), st;\r
 231 \r
 232                                                 // Convert anchors into images\r
 233                                                 if (nn == 'a') {\r
 234                                                         if (n.name)\r
 235                                                                 dom.replace(dom.create('img', {mce_name : 'a', name : n.name, 'class' : 'mceItemAnchor'}), n);\r
 236 \r
 237                                                         return;\r
 238                                                 }\r
 239 \r
 240                                                 switch (nn) {\r
 241                                                         case 'b':\r
 242                                                         case 'strong':\r
 243                                                                 if (nn == 'b')\r
 244                                                                         nn = 'strong';\r
 245 \r
 246                                                                 st = 'font-weight: bold;';\r
 247                                                                 break;\r
 248 \r
 249                                                         case 'em':\r
 250                                                                 st = 'font-style: italic;';\r
 251                                                                 break;\r
 252 \r
 253                                                         case 'u':\r
 254                                                                 st = 'text-decoration: underline;';\r
 255                                                                 break;\r
 256 \r
 257                                                         case 'sub':\r
 258                                                                 st = 'vertical-align: sub;';\r
 259                                                                 break;\r
 260 \r
 261                                                         case 'sup':\r
 262                                                                 st = 'vertical-align: super;';\r
 263                                                                 break;\r
 264 \r
 265                                                         case 'strike':\r
 266                                                                 st = 'text-decoration: line-through;';\r
 267                                                                 break;\r
 268                                                 }\r
 269 \r
 270                                                 dom.replace(dom.create('span', {mce_name : nn, style : st, 'class' : 'Apple-style-span'}), n, 1);\r
 271                                         });\r
 272                                 });\r
 273                         });\r
 274 \r
 275                         ed.onPreProcess.add(function(ed, o) {\r
 276                                 dom = ed.dom;\r
 277 \r
 278                                 each(grep(o.node.getElementsByTagName('span')).reverse(), function(n) {\r
 279                                         var v, bg;\r
 280 \r
 281                                         if (o.get) {\r
 282                                                 if (dom.hasClass(n, 'Apple-style-span')) {\r
 283                                                         bg = n.style.backgroundColor;\r
 284 \r
 285                                                         switch (dom.getAttrib(n, 'mce_name')) {\r
 286                                                                 case 'font':\r
 287                                                                         if (!ed.settings.convert_fonts_to_spans)\r
 288                                                                                 dom.setAttrib(n, 'style', '');\r
 289                                                                         break;\r
 290 \r
 291                                                                 case 'strong':\r
 292                                                                 case 'em':\r
 293                                                                 case 'sub':\r
 294                                                                 case 'sup':\r
 295                                                                         dom.setAttrib(n, 'style', '');\r
 296                                                                         break;\r
 297 \r
 298                                                                 case 'strike':\r
 299                                                                 case 'u':\r
 300                                                                         if (!ed.settings.inline_styles)\r
 301                                                                                 dom.setAttrib(n, 'style', '');\r
 302                                                                         else\r
 303                                                                                 dom.setAttrib(n, 'mce_name', '');\r
 304 \r
 305                                                                         break;\r
 306 \r
 307                                                                 default:\r
 308                                                                         if (!ed.settings.inline_styles)\r
 309                                                                                 dom.setAttrib(n, 'style', '');\r
 310                                                         }\r
 311 \r
 312 \r
 313                                                         if (bg)\r
 314                                                                 n.style.backgroundColor = bg;\r
 315                                                 }\r
 316                                         }\r
 317 \r
 318                                         if (dom.hasClass(n, 'mceItemRemoved'))\r
 319                                                 dom.remove(n, 1);\r
 320                                 });\r
 321                         });\r
 322 \r
 323                         ed.onPostProcess.add(function(ed, o) {\r
 324                                 // Safari adds BR at end of all block elements\r
 325                                 o.content = o.content.replace(/<br \/><\/(h[1-6]|div|p|address|pre)>/g, '</$1>');\r
 326 \r
 327                                 // Safari adds id="undefined" to HR elements\r
 328                                 o.content = o.content.replace(/ id=\"undefined\"/g, '');\r
 329                         });\r
 330                 },\r
 331 \r
 332                 getInfo : function() {\r
 333                         return {\r
 334                                 longname : 'Safari compatibility',\r
 335                                 author : 'Moxiecode Systems AB',\r
 336                                 authorurl : 'http://tinymce.moxiecode.com',\r
 337                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/safari',\r
 338                                 version : tinymce.majorVersion + "." + tinymce.minorVersion\r
 339                         };\r
 340                 },\r
 341 \r
 342                 // Internal methods\r
 343 \r
 344                 _fixWebKitSpans : function() {\r
 345                         var t = this, ed = t.editor;\r
 346 \r
 347                         // Use mutator events on new WebKit\r
 348                         Event.add(ed.getDoc(), 'DOMNodeInserted', function(e) {\r
 349                                 e = e.target;\r
 350 \r
 351                                 if (e && e.nodeType == 1)\r
 352                                         t._fixAppleSpan(e);\r
 353                         });\r
 354                 },\r
 355 \r
 356                 _fixAppleSpan : function(e) {\r
 357                         var ed = this.editor, dom = ed.dom, fz = this.webKitFontSizes, fzn = this.namedFontSizes, s = ed.settings, st, p;\r
 358 \r
 359                         if (dom.getAttrib(e, 'mce_fixed'))\r
 360                                 return;\r
 361 \r
 362                         // Handle Apple style spans\r
 363                         if (e.nodeName == 'SPAN' && e.className == 'Apple-style-span') {\r
 364                                 st = e.style;\r
 365 \r
 366                                 if (!s.convert_fonts_to_spans) {\r
 367                                         if (st.fontSize) {\r
 368                                                 dom.setAttrib(e, 'mce_name', 'font');\r
 369                                                 dom.setAttrib(e, 'size', inArray(fz, st.fontSize) + 1);\r
 370                                         }\r
 371 \r
 372                                         if (st.fontFamily) {\r
 373                                                 dom.setAttrib(e, 'mce_name', 'font');\r
 374                                                 dom.setAttrib(e, 'face', st.fontFamily);\r
 375                                         }\r
 376 \r
 377                                         if (st.color) {\r
 378                                                 dom.setAttrib(e, 'mce_name', 'font');\r
 379                                                 dom.setAttrib(e, 'color', dom.toHex(st.color));\r
 380                                         }\r
 381 \r
 382                                         if (st.backgroundColor) {\r
 383                                                 dom.setAttrib(e, 'mce_name', 'font');\r
 384                                                 dom.setStyle(e, 'background-color', st.backgroundColor);\r
 385                                         }\r
 386                                 } else {\r
 387                                         if (st.fontSize)\r
 388                                                 dom.setStyle(e, 'fontSize', fzn[inArray(fz, st.fontSize)]);\r
 389                                 }\r
 390 \r
 391                                 if (st.fontWeight == 'bold')\r
 392                                         dom.setAttrib(e, 'mce_name', 'strong');\r
 393 \r
 394                                 if (st.fontStyle == 'italic')\r
 395                                         dom.setAttrib(e, 'mce_name', 'em');\r
 396 \r
 397                                 if (st.textDecoration == 'underline')\r
 398                                         dom.setAttrib(e, 'mce_name', 'u');\r
 399 \r
 400                                 if (st.textDecoration == 'line-through')\r
 401                                         dom.setAttrib(e, 'mce_name', 'strike');\r
 402 \r
 403                                 if (st.verticalAlign == 'super')\r
 404                                         dom.setAttrib(e, 'mce_name', 'sup');\r
 405 \r
 406                                 if (st.verticalAlign == 'sub')\r
 407                                         dom.setAttrib(e, 'mce_name', 'sub');\r
 408 \r
 409                                 dom.setAttrib(e, 'mce_fixed', '1');\r
 410                         }\r
 411                 },\r
 412 \r
 413                 _insertBR : function(ed) {\r
 414                         var dom = ed.dom, s = ed.selection, r = s.getRng(), br;\r
 415 \r
 416                         // Insert BR element\r
 417                         r.insertNode(br = dom.create('br'));\r
 418 \r
 419                         // Place caret after BR\r
 420                         r.setStartAfter(br);\r
 421                         r.setEndAfter(br);\r
 422                         s.setRng(r);\r
 423 \r
 424                         // Could not place caret after BR then insert an nbsp entity and move the caret\r
 425                         if (s.getSel().focusNode == br.previousSibling) {\r
 426                                 s.select(dom.insertAfter(dom.doc.createTextNode('\u00a0'), br));\r
 427                                 s.collapse(1);\r
 428                         }\r
 429 \r
 430                         // Scroll to new position, scrollIntoView can't be used due to bug: http://bugs.webkit.org/show_bug.cgi?id=16117\r
 431                         ed.getWin().scrollTo(0, dom.getPos(s.getRng().startContainer).y);\r
 432                 }\r
 433         });\r
 434 \r
 435         // Register plugin\r
 436         tinymce.PluginManager.add('safari', tinymce.plugins.Safari);\r
 437 })();\r
 438 \r