1 |
8 |
ahitrov@rambler.ru |
/** |
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", "{backend}"); |
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 |
|
|
})(); |