bgneal@45: /**
bgneal@45:  * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $
bgneal@45:  *
bgneal@45:  * @author Moxiecode
bgneal@45:  * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.
bgneal@45:  */
bgneal@45: 
bgneal@45: (function() {
bgneal@45: 	tinymce.create('tinymce.plugins.VisualChars', {
bgneal@45: 		init : function(ed, url) {
bgneal@45: 			var t = this;
bgneal@45: 
bgneal@45: 			t.editor = ed;
bgneal@45: 
bgneal@45: 			// Register commands
bgneal@45: 			ed.addCommand('mceVisualChars', t._toggleVisualChars, t);
bgneal@45: 
bgneal@45: 			// Register buttons
bgneal@45: 			ed.addButton('visualchars', {title : 'visualchars.desc', cmd : 'mceVisualChars'});
bgneal@45: 
bgneal@45: 			ed.onBeforeGetContent.add(function(ed, o) {
bgneal@45: 				if (t.state) {
bgneal@45: 					t.state = true;
bgneal@45: 					t._toggleVisualChars();
bgneal@45: 				}
bgneal@45: 			});
bgneal@45: 		},
bgneal@45: 
bgneal@45: 		getInfo : function() {
bgneal@45: 			return {
bgneal@45: 				longname : 'Visual characters',
bgneal@45: 				author : 'Moxiecode Systems AB',
bgneal@45: 				authorurl : 'http://tinymce.moxiecode.com',
bgneal@45: 				infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/visualchars',
bgneal@45: 				version : tinymce.majorVersion + "." + tinymce.minorVersion
bgneal@45: 			};
bgneal@45: 		},
bgneal@45: 
bgneal@45: 		// Private methods
bgneal@45: 
bgneal@45: 		_toggleVisualChars : function() {
bgneal@45: 			var t = this, ed = t.editor, nl, i, h, d = ed.getDoc(), b = ed.getBody(), nv, s = ed.selection, bo;
bgneal@45: 
bgneal@45: 			t.state = !t.state;
bgneal@45: 			ed.controlManager.setActive('visualchars', t.state);
bgneal@45: 
bgneal@45: 			if (t.state) {
bgneal@45: 				nl = [];
bgneal@45: 				tinymce.walk(b, function(n) {
bgneal@45: 					if (n.nodeType == 3 && n.nodeValue && n.nodeValue.indexOf('\u00a0') != -1)
bgneal@45: 						nl.push(n);
bgneal@45: 				}, 'childNodes');
bgneal@45: 
bgneal@45: 				for (i=0; i<nl.length; i++) {
bgneal@45: 					nv = nl[i].nodeValue;
bgneal@45: 					nv = nv.replace(/(\u00a0+)/g, '<span class="mceItemHidden mceVisualNbsp">$1</span>');
bgneal@45: 					nv = nv.replace(/\u00a0/g, '\u00b7');
bgneal@45: 					ed.dom.setOuterHTML(nl[i], nv, d);
bgneal@45: 				}
bgneal@45: 			} else {
bgneal@45: 				nl = tinymce.grep(ed.dom.select('span', b), function(n) {
bgneal@45: 					return ed.dom.hasClass(n, 'mceVisualNbsp');
bgneal@45: 				});
bgneal@45: 
bgneal@45: 				for (i=0; i<nl.length; i++)
bgneal@45: 					ed.dom.setOuterHTML(nl[i], nl[i].innerHTML.replace(/(&middot;|\u00b7)/g, '&nbsp;'), d);
bgneal@45: 			}
bgneal@45: 		}
bgneal@45: 	});
bgneal@45: 
bgneal@45: 	// Register plugin
bgneal@45: 	tinymce.PluginManager.add('visualchars', tinymce.plugins.VisualChars);
bgneal@45: })();