Subversion-Projekte lars-tiefland.content-management

/**

 * editor_plugin_src.js

 *

 * Copyright 2009, Moxiecode Systems AB

 * Released under LGPL License.

 *

 * License: http://tinymce.moxiecode.com/license

 * Contributing: http://tinymce.moxiecode.com/contributing

 */

(function() {

	var JSONRequest = tinymce.util.JSONRequest, each = tinymce.each, DOM = tinymce.DOM;

	tinymce.create('tinymce.plugins.SpellcheckerPlugin', {

		getInfo : function() {

			return {

				longname : 'Spellchecker',

				author : 'Moxiecode Systems AB',

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

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

				version : tinymce.majorVersion + "." + tinymce.minorVersion

			};

		},

		init : function(ed, url) {

			var t = this, cm;

			t.url = url;

			t.editor = ed;

			t.rpcUrl = ed.getParam("spellchecker_rpc_url", "{backend}");

			if (t.rpcUrl == '{backend}') {

				// Sniff if the browser supports native spellchecking (Don't know of a better way)

				if (tinymce.isIE)

					return;

				t.hasSupport = true;

				// Disable the context menu when spellchecking is active

				ed.onContextMenu.addToTop(function(ed, e) {

					if (t.active)

						return false;

				});

			}

			// Register commands

			ed.addCommand('mceSpellCheck', function() {

				if (t.rpcUrl == '{backend}') {

					// Enable/disable native spellchecker

					t.editor.getBody().spellcheck = t.active = !t.active;

					return;

				}

				if (!t.active) {

					ed.setProgressState(1);

					t._sendRPC('checkWords', [t.selectedLang, t._getWords()], function(r) {

						if (r.length > 0) {

							t.active = 1;

							t._markWords(r);

							ed.setProgressState(0);

							ed.nodeChanged();

						} else {

							ed.setProgressState(0);

							if (ed.getParam('spellchecker_report_no_misspellings', true))

								ed.windowManager.alert('spellchecker.no_mpell');

						}

					});

				} else

					t._done();

			});

			if (ed.settings.content_css !== false)

				ed.contentCSS.push(url + '/css/content.css');

			ed.onClick.add(t._showMenu, t);

			ed.onContextMenu.add(t._showMenu, t);

			ed.onBeforeGetContent.add(function() {

				if (t.active)

					t._removeWords();

			});

			ed.onNodeChange.add(function(ed, cm) {

				cm.setActive('spellchecker', t.active);

			});

			ed.onSetContent.add(function() {

				t._done();

			});

			ed.onBeforeGetContent.add(function() {

				t._done();

			});

			ed.onBeforeExecCommand.add(function(ed, cmd) {

				if (cmd == 'mceFullScreen')

					t._done();

			});

			// Find selected language

			t.languages = {};

			each(ed.getParam('spellchecker_languages', '+English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr,German=de,Italian=it,Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv', 'hash'), function(v, k) {

				if (k.indexOf('+') === 0) {

					k = k.substring(1);

					t.selectedLang = v;

				}

				t.languages[k] = v;

			});

		},

		createControl : function(n, cm) {

			var t = this, c, ed = t.editor;

			if (n == 'spellchecker') {

				// Use basic button if we use the native spellchecker

				if (t.rpcUrl == '{backend}') {

					// Create simple toggle button if we have native support

					if (t.hasSupport)

						c = cm.createButton(n, {title : 'spellchecker.desc', cmd : 'mceSpellCheck', scope : t});

					return c;

				}

				c = cm.createSplitButton(n, {title : 'spellchecker.desc', cmd : 'mceSpellCheck', scope : t});

				c.onRenderMenu.add(function(c, m) {

					m.add({title : 'spellchecker.langs', 'class' : 'mceMenuItemTitle'}).setDisabled(1);

					each(t.languages, function(v, k) {

						var o = {icon : 1}, mi;

						o.onclick = function() {

							if (v == t.selectedLang) {

								return;

							}

							mi.setSelected(1);

							t.selectedItem.setSelected(0);

							t.selectedItem = mi;

							t.selectedLang = v;

						};

						o.title = k;

						mi = m.add(o);

						mi.setSelected(v == t.selectedLang);

						if (v == t.selectedLang)

							t.selectedItem = mi;

					})

				});

				return c;

			}

		},

		// Internal functions

		_walk : function(n, f) {

			var d = this.editor.getDoc(), w;

			if (d.createTreeWalker) {

				w = d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);

				while ((n = w.nextNode()) != null)

					f.call(this, n);

			} else

				tinymce.walk(n, f, 'childNodes');

		},

		_getSeparators : function() {

			var re = '', i, str = this.editor.getParam('spellchecker_word_separator_chars', '\\s!"#$%&()*+,-./:;<=>?@[\]^_{|}§©«®±¶·¸»¼½¾¿×÷¤\u201d\u201c');

			// Build word separator regexp

			for (i=0; i<str.length; i++)

				re += '\\' + str.charAt(i);

			return re;

		},

		_getWords : function() {

			var ed = this.editor, wl = [], tx = '', lo = {}, rawWords = [];

			// Get area text

			this._walk(ed.getBody(), function(n) {

				if (n.nodeType == 3)

					tx += n.nodeValue + ' ';

			});

			// split the text up into individual words

			if (ed.getParam('spellchecker_word_pattern')) {

				// look for words that match the pattern

				rawWords = tx.match('(' + ed.getParam('spellchecker_word_pattern') + ')', 'gi');

			} else {

				// Split words by separator

				tx = tx.replace(new RegExp('([0-9]|[' + this._getSeparators() + '])', 'g'), ' ');

				tx = tinymce.trim(tx.replace(/(\s+)/g, ' '));

				rawWords = tx.split(' ');

			}

			// Build word array and remove duplicates

			each(rawWords, function(v) {

				if (!lo[v]) {

					wl.push(v);

					lo[v] = 1;

				}

			});

			return wl;

		},

		_removeWords : function(w) {

			var ed = this.editor, dom = ed.dom, se = ed.selection, b = se.getBookmark();

			each(dom.select('span').reverse(), function(n) {

				if (n && (dom.hasClass(n, 'mceItemHiddenSpellWord') || dom.hasClass(n, 'mceItemHidden'))) {

					if (!w || dom.decode(n.innerHTML) == w)

						dom.remove(n, 1);

				}

			});

			se.moveToBookmark(b);

		},

		_markWords : function(wl) {

			var ed = this.editor, dom = ed.dom, doc = ed.getDoc(), se = ed.selection, b = se.getBookmark(), nl = [],

				w = wl.join('|'), re = this._getSeparators(), rx = new RegExp('(^|[' + re + '])(' + w + ')(?=[' + re + ']|$)', 'g');

			// Collect all text nodes

			this._walk(ed.getBody(), function(n) {

				if (n.nodeType == 3) {

					nl.push(n);

				}

			});

			// Wrap incorrect words in spans

			each(nl, function(n) {

				var node, elem, txt, pos, v = n.nodeValue;

				if (rx.test(v)) {

					// Encode the content

					v = dom.encode(v);

					// Create container element

					elem = dom.create('span', {'class' : 'mceItemHidden'});

					// Following code fixes IE issues by creating text nodes

					// using DOM methods instead of innerHTML.

					// Bug #3124: <PRE> elements content is broken after spellchecking.

					// Bug #1408: Preceding whitespace characters are removed

					// @TODO: I'm not sure that both are still issues on IE9.

					if (tinymce.isIE) {

						// Enclose mispelled words with temporal tag

						v = v.replace(rx, '$1<mcespell>$2</mcespell>');

						// Loop over the content finding mispelled words

						while ((pos = v.indexOf('<mcespell>')) != -1) {

							// Add text node for the content before the word

							txt = v.substring(0, pos);

							if (txt.length) {

								node = doc.createTextNode(dom.decode(txt));

								elem.appendChild(node);

							}

							v = v.substring(pos+10);

							pos = v.indexOf('</mcespell>');

							txt = v.substring(0, pos);

							v = v.substring(pos+11);

							// Add span element for the word

							elem.appendChild(dom.create('span', {'class' : 'mceItemHiddenSpellWord'}, txt));

						}

						// Add text node for the rest of the content

						if (v.length) {

							node = doc.createTextNode(dom.decode(v));

							elem.appendChild(node);

						}

					} else {

						// Other browsers preserve whitespace characters on innerHTML usage

						elem.innerHTML = v.replace(rx, '$1<span class="mceItemHiddenSpellWord">$2</span>');

					}

					// Finally, replace the node with the container

					dom.replace(elem, n);

				}

			});

			se.moveToBookmark(b);

		},

		_showMenu : function(ed, e) {

			var t = this, ed = t.editor, m = t._menu, p1, dom = ed.dom, vp = dom.getViewPort(ed.getWin()), wordSpan = e.target;

			e = 0; // Fixes IE memory leak

			if (!m) {

				m = ed.controlManager.createDropMenu('spellcheckermenu', {'class' : 'mceNoIcons'});

				t._menu = m;

			}

			if (dom.hasClass(wordSpan, 'mceItemHiddenSpellWord')) {

				m.removeAll();

				m.add({title : 'spellchecker.wait', 'class' : 'mceMenuItemTitle'}).setDisabled(1);

				t._sendRPC('getSuggestions', [t.selectedLang, dom.decode(wordSpan.innerHTML)], function(r) {

					var ignoreRpc;

					m.removeAll();

					if (r.length > 0) {

						m.add({title : 'spellchecker.sug', 'class' : 'mceMenuItemTitle'}).setDisabled(1);

						each(r, function(v) {

							m.add({title : v, onclick : function() {

								dom.replace(ed.getDoc().createTextNode(v), wordSpan);

								t._checkDone();

							}});

						});

						m.addSeparator();

					} else

						m.add({title : 'spellchecker.no_sug', 'class' : 'mceMenuItemTitle'}).setDisabled(1);

					if (ed.getParam('show_ignore_words', true)) {

						ignoreRpc = t.editor.getParam("spellchecker_enable_ignore_rpc", '');

						m.add({

							title : 'spellchecker.ignore_word',

							onclick : function() {

								var word = wordSpan.innerHTML;

								dom.remove(wordSpan, 1);

								t._checkDone();

								// tell the server if we need to

								if (ignoreRpc) {

									ed.setProgressState(1);

									t._sendRPC('ignoreWord', [t.selectedLang, word], function(r) {

										ed.setProgressState(0);

									});

								}

							}

						});

						m.add({

							title : 'spellchecker.ignore_words',

							onclick : function() {

								var word = wordSpan.innerHTML;

								t._removeWords(dom.decode(word));

								t._checkDone();

								// tell the server if we need to

								if (ignoreRpc) {

									ed.setProgressState(1);

									t._sendRPC('ignoreWords', [t.selectedLang, word], function(r) {

										ed.setProgressState(0);

									});

								}

							}

						});

					}

					if (t.editor.getParam("spellchecker_enable_learn_rpc")) {

						m.add({

							title : 'spellchecker.learn_word',

							onclick : function() {

								var word = wordSpan.innerHTML;

								dom.remove(wordSpan, 1);

								t._checkDone();

								ed.setProgressState(1);

								t._sendRPC('learnWord', [t.selectedLang, word], function(r) {

									ed.setProgressState(0);

								});

							}

						});

					}

					m.update();

				});

				p1 = DOM.getPos(ed.getContentAreaContainer());

				m.settings.offset_x = p1.x;

				m.settings.offset_y = p1.y;

				ed.selection.select(wordSpan);

				p1 = dom.getPos(wordSpan);

				m.showMenu(p1.x, p1.y + wordSpan.offsetHeight - vp.y);

				return tinymce.dom.Event.cancel(e);

			} else

				m.hideMenu();

		},

		_checkDone : function() {

			var t = this, ed = t.editor, dom = ed.dom, o;

			each(dom.select('span'), function(n) {

				if (n && dom.hasClass(n, 'mceItemHiddenSpellWord')) {

					o = true;

					return false;

				}

			});

			if (!o)

				t._done();

		},

		_done : function() {

			var t = this, la = t.active;

			if (t.active) {

				t.active = 0;

				t._removeWords();

				if (t._menu)

					t._menu.hideMenu();

				if (la)

					t.editor.nodeChanged();

			}

		},

		_sendRPC : function(m, p, cb) {

			var t = this;

			JSONRequest.sendRPC({

				url : t.rpcUrl,

				method : m,

				params : p,

				success : cb,

				error : function(e, x) {

					t.editor.setProgressState(0);

					t.editor.windowManager.alert(e.errstr || ('Error response: ' + x.responseText));

				}

			});

		}

	});

	// Register plugin

	tinymce.PluginManager.add('spellchecker', tinymce.plugins.SpellcheckerPlugin);

})();