1 /**

     2  * $Id: editor_plugin_src.js 42 2006-08-08 14:32:24Z spocke $

     3  *

     4  * @author Moxiecode

     5  * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.

     6  */

     7 

     8 /* Import plugin specific language pack */

     9 tinyMCE.importPluginLanguagePack('visualchars');

    10 

    11 var TinyMCE_VisualCharsPlugin = {

    12 	getInfo : function() {

    13 		return {

    14 			longname : 'Visual characters',

    15 			author : 'Moxiecode Systems AB',

    16 			authorurl : 'http://tinymce.moxiecode.com',

    17 			infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/visualchars',

    18 			version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion

    19 		};

    20 	},

    21 

    22 	initInstance : function(inst) {

    23 		inst.visualChars = {

    24 			state : false

    25 		};

    26 	},

    27 

    28 	getControlHTML : function(cn) {

    29 		switch (cn) {

    30 			case "visualchars":

    31 				return tinyMCE.getButtonHTML(cn, 'lang_visualchars_desc', '{$pluginurl}/images/visualchars.gif', 'mceVisualChars', false);

    32 		}

    33 

    34 		return "";

    35 	},

    36 

    37 	execCommand : function(editor_id, element, command, user_interface, value) {

    38 		var inst = tinyMCE.getInstanceById(editor_id);

    39 

    40 		switch (command) {

    41 			case "mceVisualChars":

    42 				this._toggleVisualChars(editor_id, inst);

    43 				return true;

    44 		}

    45 

    46 		return false;

    47 	},

    48 

    49 	cleanup : function(type, content, inst) {

    50 		if (type == "insert_to_editor_dom" || type == "get_from_editor_dom") {

    51 			inst.visualChars.state = true;

    52 			this._toggleVisualChars(inst.editorId, inst);

    53 		}

    54 

    55 		return content;

    56 	},

    57 

    58 	// Private plugin internal methods

    59 

    60 	_toggleVisualChars : function(editor_id, inst) {

    61 		var nl, i, h, d = inst.getDoc(), b = inst.getBody(), nv, s = inst.selection, bo;

    62 

    63 		inst.visualChars.state = !inst.visualChars.state;

    64 

    65 		bo = s.getBookmark(true);

    66 

    67 		tinyMCE.switchClass(editor_id + '_visualchars', inst.visualChars.state ? 'mceButtonSelected' : 'mceButtonNormal');

    68 

    69 		if (inst.visualChars.state) {

    70 			nl = tinyMCE.selectNodes(b, function(n) {return n.nodeType == 3 && n.nodeValue && n.nodeValue.indexOf('\u00a0') != -1;});

    71 

    72 			for (i=0; i<nl.length; i++) {

    73 				nv = nl[i].nodeValue;

    74 				nv = nv.replace(/(\u00a0+)/g, '<span class="mceItemHiddenVisualChar">$1</span>');

    75 				nv = nv.replace(/\u00a0/g, '\u00b7');

    76 				tinyMCE.setOuterHTML(nl[i], nv, d);

    77 			}

    78 		} else {

    79 			nl = tinyMCE.selectNodes(b, function(n) {return n.nodeType == 1 && n.nodeName == 'SPAN' && n.className == 'mceItemHiddenVisualChar';});

    80 

    81 			for (i=0; i<nl.length; i++)

    82 				tinyMCE.setOuterHTML(nl[i], nl[i].innerHTML.replace(/(·|\u00b7)/g, ' '), d);

    83 		}

    84 

    85 		//s.moveToBookmark(bo);

    86 	}

    87 };

    88 

    89 tinyMCE.addPlugin("visualchars", TinyMCE_VisualCharsPlugin);