[Summary view] [Print] [Text view]

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