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 })(); |