docs/include/jscripts/tiny_mce/plugins/visualchars/editor_plugin_src.js

   1 /**\r
   2  * editor_plugin_src.js\r
   3  *\r
   4  * Copyright 2009, Moxiecode Systems AB\r
   5  * Released under LGPL License.\r
   6  *\r
   7  * License: http://tinymce.moxiecode.com/license\r
   8  * Contributing: http://tinymce.moxiecode.com/contributing\r
   9  */\r
  10 \r
  11 (function() {\r
  12         tinymce.create('tinymce.plugins.VisualChars', {\r
  13                 init : function(ed, url) {\r
  14                         var t = this;\r
  15 \r
  16                         t.editor = ed;\r
  17 \r
  18                         // Register commands\r
  19                         ed.addCommand('mceVisualChars', t._toggleVisualChars, t);\r
  20 \r
  21                         // Register buttons\r
  22                         ed.addButton('visualchars', {title : 'visualchars.desc', cmd : 'mceVisualChars'});\r
  23 \r
  24                         ed.onBeforeGetContent.add(function(ed, o) {\r
  25                                 if (t.state) {\r
  26                                         t.state = true;\r
  27                                         t._toggleVisualChars();\r
  28                                 }\r
  29                         });\r
  30                 },\r
  31 \r
  32                 getInfo : function() {\r
  33                         return {\r
  34                                 longname : 'Visual characters',\r
  35                                 author : 'Moxiecode Systems AB',\r
  36                                 authorurl : 'http://tinymce.moxiecode.com',\r
  37                                 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/visualchars',\r
  38                                 version : tinymce.majorVersion + "." + tinymce.minorVersion\r
  39                         };\r
  40                 },\r
  41 \r
  42                 // Private methods\r
  43 \r
  44                 _toggleVisualChars : function() {\r
  45                         var t = this, ed = t.editor, nl, i, h, d = ed.getDoc(), b = ed.getBody(), nv, s = ed.selection, bo;\r
  46 \r
  47                         t.state = !t.state;\r
  48                         ed.controlManager.setActive('visualchars', t.state);\r
  49 \r
  50                         if (t.state) {\r
  51                                 nl = [];\r
  52                                 tinymce.walk(b, function(n) {\r
  53                                         if (n.nodeType == 3 && n.nodeValue && n.nodeValue.indexOf('\u00a0') != -1)\r
  54                                                 nl.push(n);\r
  55                                 }, 'childNodes');\r
  56 \r
  57                                 for (i=0; i<nl.length; i++) {\r
  58                                         nv = nl[i].nodeValue;\r
  59                                         nv = nv.replace(/(\u00a0+)/g, '<span class="mceItemHidden mceVisualNbsp">$1</span>');\r
  60                                         nv = nv.replace(/\u00a0/g, '\u00b7');\r
  61                                         ed.dom.setOuterHTML(nl[i], nv, d);\r
  62                                 }\r
  63                         } else {\r
  64                                 nl = tinymce.grep(ed.dom.select('span', b), function(n) {\r
  65                                         return ed.dom.hasClass(n, 'mceVisualNbsp');\r
  66                                 });\r
  67 \r
  68                                 for (i=0; i<nl.length; i++)\r
  69                                         ed.dom.setOuterHTML(nl[i], nl[i].innerHTML.replace(/(&middot;|\u00b7)/g, '&nbsp;'), d);\r
  70                         }\r
  71                 }\r
  72         });\r
  73 \r
  74         // Register plugin\r
  75         tinymce.PluginManager.add('visualchars', tinymce.plugins.VisualChars);\r
  76 })();