2 * $Id: editor_plugin_src.js 42 2006-08-08 14:32:24Z spocke $
\r
5 * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.
\r
8 /* Import plugin specific language pack */
\r
9 tinyMCE.importPluginLanguagePack('visualchars');
\r
11 var TinyMCE_VisualCharsPlugin = {
\r
12 getInfo : function() {
\r
14 longname : 'Visual characters',
\r
15 author : 'Moxiecode Systems AB',
\r
16 authorurl : 'http://tinymce.moxiecode.com',
\r
17 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/visualchars',
\r
18 version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
\r
22 initInstance : function(inst) {
\r
23 inst.visualChars = {
\r
28 getControlHTML : function(cn) {
\r
31 return tinyMCE.getButtonHTML(cn, 'lang_visualchars_desc', '{$pluginurl}/images/visualchars.gif', 'mceVisualChars', false);
\r
37 execCommand : function(editor_id, element, command, user_interface, value) {
\r
38 var inst = tinyMCE.getInstanceById(editor_id);
\r
41 case "mceVisualChars":
\r
42 this._toggleVisualChars(editor_id, inst);
\r
49 cleanup : function(type, content, inst) {
\r
50 if (type == "insert_to_editor_dom" || type == "get_from_editor_dom") {
\r
51 inst.visualChars.state = true;
\r
52 this._toggleVisualChars(inst.editorId, inst);
\r
58 // Private plugin internal methods
\r
60 _toggleVisualChars : function(editor_id, inst) {
\r
61 var nl, i, h, d = inst.getDoc(), b = inst.getBody(), nv, s = inst.selection, bo;
\r
63 inst.visualChars.state = !inst.visualChars.state;
\r
65 bo = s.getBookmark(true);
\r
67 tinyMCE.switchClass(editor_id + '_visualchars', inst.visualChars.state ? 'mceButtonSelected' : 'mceButtonNormal');
\r
69 if (inst.visualChars.state) {
\r
70 nl = tinyMCE.selectNodes(b, function(n) {return n.nodeType == 3 && n.nodeValue && n.nodeValue.indexOf('\u00a0') != -1;});
\r
72 for (i=0; i<nl.length; i++) {
\r
73 nv = nl[i].nodeValue;
\r
74 nv = nv.replace(/(\u00a0+)/g, '<span class="mceItemHiddenVisualChar">$1</span>');
\r
75 nv = nv.replace(/\u00a0/g, '\u00b7');
\r
76 tinyMCE.setOuterHTML(nl[i], nv, d);
\r
79 nl = tinyMCE.selectNodes(b, function(n) {return n.nodeType == 1 && n.nodeName == 'SPAN' && n.className == 'mceItemHiddenVisualChar';});
\r
81 for (i=0; i<nl.length; i++)
\r
82 tinyMCE.setOuterHTML(nl[i], nl[i].innerHTML.replace(/(·|\u00b7)/g, ' '), d);
\r
85 //s.moveToBookmark(bo);
\r
89 tinyMCE.addPlugin("visualchars", TinyMCE_VisualCharsPlugin);
\r