annotate media/js/tiny_mce/plugins/spellchecker/editor_plugin_src.js @ 201:bc958bc3c6eb

Futzing with CSS side blocks
author Brian Neal <bgneal@gmail.com>
date Mon, 12 Apr 2010 02:56:31 +0000
parents 149c3567fec1
children 237710206167
rev   line source
bgneal@45 1 /**
bgneal@183 2 * editor_plugin_src.js
bgneal@45 3 *
bgneal@183 4 * Copyright 2009, Moxiecode Systems AB
bgneal@183 5 * Released under LGPL License.
bgneal@183 6 *
bgneal@183 7 * License: http://tinymce.moxiecode.com/license
bgneal@183 8 * Contributing: http://tinymce.moxiecode.com/contributing
bgneal@45 9 */
bgneal@45 10
bgneal@45 11 (function() {
bgneal@45 12 var JSONRequest = tinymce.util.JSONRequest, each = tinymce.each, DOM = tinymce.DOM;
bgneal@45 13
bgneal@45 14 tinymce.create('tinymce.plugins.SpellcheckerPlugin', {
bgneal@45 15 getInfo : function() {
bgneal@45 16 return {
bgneal@45 17 longname : 'Spellchecker',
bgneal@45 18 author : 'Moxiecode Systems AB',
bgneal@45 19 authorurl : 'http://tinymce.moxiecode.com',
bgneal@45 20 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/spellchecker',
bgneal@45 21 version : tinymce.majorVersion + "." + tinymce.minorVersion
bgneal@45 22 };
bgneal@45 23 },
bgneal@45 24
bgneal@45 25 init : function(ed, url) {
bgneal@45 26 var t = this, cm;
bgneal@45 27
bgneal@45 28 t.url = url;
bgneal@45 29 t.editor = ed;
bgneal@45 30
bgneal@45 31 // Register commands
bgneal@45 32 ed.addCommand('mceSpellCheck', function() {
bgneal@45 33 if (!t.active) {
bgneal@45 34 ed.setProgressState(1);
bgneal@45 35 t._sendRPC('checkWords', [t.selectedLang, t._getWords()], function(r) {
bgneal@45 36 if (r.length > 0) {
bgneal@45 37 t.active = 1;
bgneal@45 38 t._markWords(r);
bgneal@45 39 ed.setProgressState(0);
bgneal@45 40 ed.nodeChanged();
bgneal@45 41 } else {
bgneal@45 42 ed.setProgressState(0);
bgneal@45 43 ed.windowManager.alert('spellchecker.no_mpell');
bgneal@45 44 }
bgneal@45 45 });
bgneal@45 46 } else
bgneal@45 47 t._done();
bgneal@45 48 });
bgneal@45 49
bgneal@45 50 ed.onInit.add(function() {
bgneal@45 51 if (ed.settings.content_css !== false)
bgneal@45 52 ed.dom.loadCSS(url + '/css/content.css');
bgneal@45 53 });
bgneal@45 54
bgneal@45 55 ed.onClick.add(t._showMenu, t);
bgneal@45 56 ed.onContextMenu.add(t._showMenu, t);
bgneal@45 57 ed.onBeforeGetContent.add(function() {
bgneal@45 58 if (t.active)
bgneal@45 59 t._removeWords();
bgneal@45 60 });
bgneal@45 61
bgneal@45 62 ed.onNodeChange.add(function(ed, cm) {
bgneal@45 63 cm.setActive('spellchecker', t.active);
bgneal@45 64 });
bgneal@45 65
bgneal@45 66 ed.onSetContent.add(function() {
bgneal@45 67 t._done();
bgneal@45 68 });
bgneal@45 69
bgneal@45 70 ed.onBeforeGetContent.add(function() {
bgneal@45 71 t._done();
bgneal@45 72 });
bgneal@45 73
bgneal@45 74 ed.onBeforeExecCommand.add(function(ed, cmd) {
bgneal@45 75 if (cmd == 'mceFullScreen')
bgneal@45 76 t._done();
bgneal@45 77 });
bgneal@45 78
bgneal@45 79 // Find selected language
bgneal@45 80 t.languages = {};
bgneal@45 81 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) {
bgneal@45 82 if (k.indexOf('+') === 0) {
bgneal@45 83 k = k.substring(1);
bgneal@45 84 t.selectedLang = v;
bgneal@45 85 }
bgneal@45 86
bgneal@45 87 t.languages[k] = v;
bgneal@45 88 });
bgneal@45 89 },
bgneal@45 90
bgneal@45 91 createControl : function(n, cm) {
bgneal@45 92 var t = this, c, ed = t.editor;
bgneal@45 93
bgneal@45 94 if (n == 'spellchecker') {
bgneal@45 95 c = cm.createSplitButton(n, {title : 'spellchecker.desc', cmd : 'mceSpellCheck', scope : t});
bgneal@45 96
bgneal@45 97 c.onRenderMenu.add(function(c, m) {
bgneal@45 98 m.add({title : 'spellchecker.langs', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
bgneal@45 99 each(t.languages, function(v, k) {
bgneal@45 100 var o = {icon : 1}, mi;
bgneal@45 101
bgneal@45 102 o.onclick = function() {
bgneal@45 103 mi.setSelected(1);
bgneal@45 104 t.selectedItem.setSelected(0);
bgneal@45 105 t.selectedItem = mi;
bgneal@45 106 t.selectedLang = v;
bgneal@45 107 };
bgneal@45 108
bgneal@45 109 o.title = k;
bgneal@45 110 mi = m.add(o);
bgneal@45 111 mi.setSelected(v == t.selectedLang);
bgneal@45 112
bgneal@45 113 if (v == t.selectedLang)
bgneal@45 114 t.selectedItem = mi;
bgneal@45 115 })
bgneal@45 116 });
bgneal@45 117
bgneal@45 118 return c;
bgneal@45 119 }
bgneal@45 120 },
bgneal@45 121
bgneal@45 122 // Internal functions
bgneal@45 123
bgneal@45 124 _walk : function(n, f) {
bgneal@45 125 var d = this.editor.getDoc(), w;
bgneal@45 126
bgneal@45 127 if (d.createTreeWalker) {
bgneal@45 128 w = d.createTreeWalker(n, NodeFilter.SHOW_TEXT, null, false);
bgneal@45 129
bgneal@45 130 while ((n = w.nextNode()) != null)
bgneal@45 131 f.call(this, n);
bgneal@45 132 } else
bgneal@45 133 tinymce.walk(n, f, 'childNodes');
bgneal@45 134 },
bgneal@45 135
bgneal@45 136 _getSeparators : function() {
bgneal@45 137 var re = '', i, str = this.editor.getParam('spellchecker_word_separator_chars', '\\s!"#$%&()*+,-./:;<=>?@[\]^_{|}§©«®±¶·¸»¼½¾¿×÷¤\u201d\u201c');
bgneal@45 138
bgneal@45 139 // Build word separator regexp
bgneal@45 140 for (i=0; i<str.length; i++)
bgneal@45 141 re += '\\' + str.charAt(i);
bgneal@45 142
bgneal@45 143 return re;
bgneal@45 144 },
bgneal@45 145
bgneal@45 146 _getWords : function() {
bgneal@45 147 var ed = this.editor, wl = [], tx = '', lo = {};
bgneal@45 148
bgneal@45 149 // Get area text
bgneal@45 150 this._walk(ed.getBody(), function(n) {
bgneal@45 151 if (n.nodeType == 3)
bgneal@45 152 tx += n.nodeValue + ' ';
bgneal@45 153 });
bgneal@45 154
bgneal@45 155 // Split words by separator
bgneal@45 156 tx = tx.replace(new RegExp('([0-9]|[' + this._getSeparators() + '])', 'g'), ' ');
bgneal@45 157 tx = tinymce.trim(tx.replace(/(\s+)/g, ' '));
bgneal@45 158
bgneal@45 159 // Build word array and remove duplicates
bgneal@45 160 each(tx.split(' '), function(v) {
bgneal@45 161 if (!lo[v]) {
bgneal@45 162 wl.push(v);
bgneal@45 163 lo[v] = 1;
bgneal@45 164 }
bgneal@45 165 });
bgneal@45 166
bgneal@45 167 return wl;
bgneal@45 168 },
bgneal@45 169
bgneal@45 170 _removeWords : function(w) {
bgneal@45 171 var ed = this.editor, dom = ed.dom, se = ed.selection, b = se.getBookmark();
bgneal@45 172
bgneal@45 173 each(dom.select('span').reverse(), function(n) {
bgneal@45 174 if (n && (dom.hasClass(n, 'mceItemHiddenSpellWord') || dom.hasClass(n, 'mceItemHidden'))) {
bgneal@45 175 if (!w || dom.decode(n.innerHTML) == w)
bgneal@45 176 dom.remove(n, 1);
bgneal@45 177 }
bgneal@45 178 });
bgneal@45 179
bgneal@45 180 se.moveToBookmark(b);
bgneal@45 181 },
bgneal@45 182
bgneal@45 183 _markWords : function(wl) {
bgneal@45 184 var r1, r2, r3, r4, r5, w = '', ed = this.editor, re = this._getSeparators(), dom = ed.dom, nl = [];
bgneal@45 185 var se = ed.selection, b = se.getBookmark();
bgneal@45 186
bgneal@45 187 each(wl, function(v) {
bgneal@45 188 w += (w ? '|' : '') + v;
bgneal@45 189 });
bgneal@45 190
bgneal@45 191 r1 = new RegExp('([' + re + '])(' + w + ')([' + re + '])', 'g');
bgneal@45 192 r2 = new RegExp('^(' + w + ')', 'g');
bgneal@45 193 r3 = new RegExp('(' + w + ')([' + re + ']?)$', 'g');
bgneal@45 194 r4 = new RegExp('^(' + w + ')([' + re + ']?)$', 'g');
bgneal@45 195 r5 = new RegExp('(' + w + ')([' + re + '])', 'g');
bgneal@45 196
bgneal@45 197 // Collect all text nodes
bgneal@45 198 this._walk(this.editor.getBody(), function(n) {
bgneal@45 199 if (n.nodeType == 3) {
bgneal@45 200 nl.push(n);
bgneal@45 201 }
bgneal@45 202 });
bgneal@45 203
bgneal@45 204 // Wrap incorrect words in spans
bgneal@45 205 each(nl, function(n) {
bgneal@45 206 var v;
bgneal@45 207
bgneal@45 208 if (n.nodeType == 3) {
bgneal@45 209 v = n.nodeValue;
bgneal@45 210
bgneal@45 211 if (r1.test(v) || r2.test(v) || r3.test(v) || r4.test(v)) {
bgneal@45 212 v = dom.encode(v);
bgneal@45 213 v = v.replace(r5, '<span class="mceItemHiddenSpellWord">$1</span>$2');
bgneal@45 214 v = v.replace(r3, '<span class="mceItemHiddenSpellWord">$1</span>$2');
bgneal@45 215
bgneal@45 216 dom.replace(dom.create('span', {'class' : 'mceItemHidden'}, v), n);
bgneal@45 217 }
bgneal@45 218 }
bgneal@45 219 });
bgneal@45 220
bgneal@45 221 se.moveToBookmark(b);
bgneal@45 222 },
bgneal@45 223
bgneal@45 224 _showMenu : function(ed, e) {
bgneal@45 225 var t = this, ed = t.editor, m = t._menu, p1, dom = ed.dom, vp = dom.getViewPort(ed.getWin());
bgneal@45 226
bgneal@45 227 if (!m) {
bgneal@45 228 p1 = DOM.getPos(ed.getContentAreaContainer());
bgneal@45 229 //p2 = DOM.getPos(ed.getContainer());
bgneal@45 230
bgneal@45 231 m = ed.controlManager.createDropMenu('spellcheckermenu', {
bgneal@45 232 offset_x : p1.x,
bgneal@45 233 offset_y : p1.y,
bgneal@45 234 'class' : 'mceNoIcons'
bgneal@45 235 });
bgneal@45 236
bgneal@45 237 t._menu = m;
bgneal@45 238 }
bgneal@45 239
bgneal@45 240 if (dom.hasClass(e.target, 'mceItemHiddenSpellWord')) {
bgneal@45 241 m.removeAll();
bgneal@45 242 m.add({title : 'spellchecker.wait', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
bgneal@45 243
bgneal@45 244 t._sendRPC('getSuggestions', [t.selectedLang, dom.decode(e.target.innerHTML)], function(r) {
bgneal@45 245 m.removeAll();
bgneal@45 246
bgneal@45 247 if (r.length > 0) {
bgneal@45 248 m.add({title : 'spellchecker.sug', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
bgneal@45 249 each(r, function(v) {
bgneal@45 250 m.add({title : v, onclick : function() {
bgneal@45 251 dom.replace(ed.getDoc().createTextNode(v), e.target);
bgneal@45 252 t._checkDone();
bgneal@45 253 }});
bgneal@45 254 });
bgneal@45 255
bgneal@45 256 m.addSeparator();
bgneal@45 257 } else
bgneal@45 258 m.add({title : 'spellchecker.no_sug', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
bgneal@45 259
bgneal@45 260 m.add({
bgneal@45 261 title : 'spellchecker.ignore_word',
bgneal@45 262 onclick : function() {
bgneal@45 263 dom.remove(e.target, 1);
bgneal@45 264 t._checkDone();
bgneal@45 265 }
bgneal@45 266 });
bgneal@45 267
bgneal@45 268 m.add({
bgneal@45 269 title : 'spellchecker.ignore_words',
bgneal@45 270 onclick : function() {
bgneal@45 271 t._removeWords(dom.decode(e.target.innerHTML));
bgneal@45 272 t._checkDone();
bgneal@45 273 }
bgneal@45 274 });
bgneal@45 275
bgneal@45 276 m.update();
bgneal@45 277 });
bgneal@45 278
bgneal@45 279 ed.selection.select(e.target);
bgneal@45 280 p1 = dom.getPos(e.target);
bgneal@45 281 m.showMenu(p1.x, p1.y + e.target.offsetHeight - vp.y);
bgneal@45 282
bgneal@45 283 return tinymce.dom.Event.cancel(e);
bgneal@45 284 } else
bgneal@45 285 m.hideMenu();
bgneal@45 286 },
bgneal@45 287
bgneal@45 288 _checkDone : function() {
bgneal@45 289 var t = this, ed = t.editor, dom = ed.dom, o;
bgneal@45 290
bgneal@45 291 each(dom.select('span'), function(n) {
bgneal@45 292 if (n && dom.hasClass(n, 'mceItemHiddenSpellWord')) {
bgneal@45 293 o = true;
bgneal@45 294 return false;
bgneal@45 295 }
bgneal@45 296 });
bgneal@45 297
bgneal@45 298 if (!o)
bgneal@45 299 t._done();
bgneal@45 300 },
bgneal@45 301
bgneal@45 302 _done : function() {
bgneal@45 303 var t = this, la = t.active;
bgneal@45 304
bgneal@45 305 if (t.active) {
bgneal@45 306 t.active = 0;
bgneal@45 307 t._removeWords();
bgneal@45 308
bgneal@45 309 if (t._menu)
bgneal@45 310 t._menu.hideMenu();
bgneal@45 311
bgneal@45 312 if (la)
bgneal@45 313 t.editor.nodeChanged();
bgneal@45 314 }
bgneal@45 315 },
bgneal@45 316
bgneal@45 317 _sendRPC : function(m, p, cb) {
bgneal@45 318 var t = this, url = t.editor.getParam("spellchecker_rpc_url", "{backend}");
bgneal@45 319
bgneal@45 320 if (url == '{backend}') {
bgneal@45 321 t.editor.setProgressState(0);
bgneal@45 322 alert('Please specify: spellchecker_rpc_url');
bgneal@45 323 return;
bgneal@45 324 }
bgneal@45 325
bgneal@45 326 JSONRequest.sendRPC({
bgneal@45 327 url : url,
bgneal@45 328 method : m,
bgneal@45 329 params : p,
bgneal@45 330 success : cb,
bgneal@45 331 error : function(e, x) {
bgneal@45 332 t.editor.setProgressState(0);
bgneal@45 333 t.editor.windowManager.alert(e.errstr || ('Error response: ' + x.responseText));
bgneal@45 334 }
bgneal@45 335 });
bgneal@45 336 }
bgneal@45 337 });
bgneal@45 338
bgneal@45 339 // Register plugin
bgneal@45 340 tinymce.PluginManager.add('spellchecker', tinymce.plugins.SpellcheckerPlugin);
bgneal@45 341 })();