]>
Commit | Line | Data |
---|---|---|
2f01fe57 AD |
1 | /* |
2 | Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved. | |
3 | Available via Academic Free License >= 2.1 OR the modified BSD license. | |
4 | see: http://dojotoolkit.org/license for details | |
5 | */ | |
6 | ||
7 | ||
8 | if(!dojo._hasResource["dijit.Editor"]){ | |
9 | dojo._hasResource["dijit.Editor"]=true; | |
10 | dojo.provide("dijit.Editor"); | |
11 | dojo.require("dijit._editor.RichText"); | |
12 | dojo.require("dijit.Toolbar"); | |
13 | dojo.require("dijit.ToolbarSeparator"); | |
14 | dojo.require("dijit._editor._Plugin"); | |
15 | dojo.require("dijit._editor.plugins.EnterKeyHandling"); | |
16 | dojo.require("dijit._editor.range"); | |
17 | dojo.require("dijit._Container"); | |
18 | dojo.require("dojo.i18n"); | |
19 | dojo.require("dijit.layout._LayoutWidget"); | |
20 | dojo.require("dijit._editor.range"); | |
21 | dojo.requireLocalization("dijit._editor","commands",null,"ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,ko,nb,nl,pl,pt,pt-pt,ro,ru,sk,sl,sv,th,tr,zh,zh-tw"); | |
22 | dojo.declare("dijit.Editor",dijit._editor.RichText,{plugins:null,extraPlugins:null,constructor:function(){ | |
23 | if(!dojo.isArray(this.plugins)){ | |
24 | this.plugins=["undo","redo","|","cut","copy","paste","|","bold","italic","underline","strikethrough","|","insertOrderedList","insertUnorderedList","indent","outdent","|","justifyLeft","justifyRight","justifyCenter","justifyFull","dijit._editor.plugins.EnterKeyHandling"]; | |
25 | } | |
26 | this._plugins=[]; | |
27 | this._editInterval=this.editActionInterval*1000; | |
28 | if(dojo.isIE){ | |
29 | this.events.push("onBeforeDeactivate"); | |
30 | this.events.push("onBeforeActivate"); | |
31 | } | |
32 | },postCreate:function(){ | |
33 | this._steps=this._steps.slice(0); | |
34 | this._undoedSteps=this._undoedSteps.slice(0); | |
35 | if(dojo.isArray(this.extraPlugins)){ | |
36 | this.plugins=this.plugins.concat(this.extraPlugins); | |
37 | } | |
38 | this.setValueDeferred=new dojo.Deferred(); | |
39 | this.inherited(arguments); | |
40 | this.commands=dojo.i18n.getLocalization("dijit._editor","commands",this.lang); | |
41 | if(!this.toolbar){ | |
42 | this.toolbar=new dijit.Toolbar({dir:this.dir,lang:this.lang}); | |
43 | this.header.appendChild(this.toolbar.domNode); | |
44 | } | |
45 | dojo.forEach(this.plugins,this.addPlugin,this); | |
46 | this.setValueDeferred.callback(true); | |
47 | dojo.addClass(this.iframe.parentNode,"dijitEditorIFrameContainer"); | |
48 | dojo.addClass(this.iframe,"dijitEditorIFrame"); | |
49 | dojo.attr(this.iframe,"allowTransparency",true); | |
50 | if(dojo.isWebKit){ | |
51 | dojo.style(this.domNode,"KhtmlUserSelect","none"); | |
52 | } | |
53 | this.toolbar.startup(); | |
54 | this.onNormalizedDisplayChanged(); | |
55 | },destroy:function(){ | |
56 | dojo.forEach(this._plugins,function(p){ | |
57 | if(p&&p.destroy){ | |
58 | p.destroy(); | |
59 | } | |
60 | }); | |
61 | this._plugins=[]; | |
62 | this.toolbar.destroyRecursive(); | |
63 | delete this.toolbar; | |
64 | this.inherited(arguments); | |
65 | },addPlugin:function(_1,_2){ | |
66 | var _3=dojo.isString(_1)?{name:_1}:_1; | |
67 | if(!_3.setEditor){ | |
68 | var o={"args":_3,"plugin":null,"editor":this}; | |
69 | dojo.publish(dijit._scopeName+".Editor.getPlugin",[o]); | |
70 | if(!o.plugin){ | |
71 | var pc=dojo.getObject(_3.name); | |
72 | if(pc){ | |
73 | o.plugin=new pc(_3); | |
74 | } | |
75 | } | |
76 | if(!o.plugin){ | |
77 | console.warn("Cannot find plugin",_1); | |
78 | return; | |
79 | } | |
80 | _1=o.plugin; | |
81 | } | |
82 | if(arguments.length>1){ | |
83 | this._plugins[_2]=_1; | |
84 | }else{ | |
85 | this._plugins.push(_1); | |
86 | } | |
87 | _1.setEditor(this); | |
88 | if(dojo.isFunction(_1.setToolbar)){ | |
89 | _1.setToolbar(this.toolbar); | |
90 | } | |
91 | },startup:function(){ | |
92 | },resize:function(_4){ | |
93 | if(_4){ | |
94 | dijit.layout._LayoutWidget.prototype.resize.apply(this,arguments); | |
95 | } | |
96 | },layout:function(){ | |
97 | var _5=(this._contentBox.h-(this.getHeaderHeight()+this.getFooterHeight()+dojo._getPadBorderExtents(this.iframe.parentNode).h+dojo._getMarginExtents(this.iframe.parentNode).h)); | |
98 | this.editingArea.style.height=_5+"px"; | |
99 | if(this.iframe){ | |
100 | this.iframe.style.height="100%"; | |
101 | } | |
102 | this._layoutMode=true; | |
103 | },_onIEMouseDown:function(e){ | |
104 | var _6; | |
105 | var b=this.document.body; | |
106 | var _7=b.clientWidth; | |
107 | var _8=b.clientHeight; | |
108 | var _9=b.clientLeft; | |
109 | var _a=b.offsetWidth; | |
110 | var _b=b.offsetHeight; | |
111 | var _c=b.offsetLeft; | |
112 | bodyDir=b.dir?b.dir.toLowerCase():""; | |
113 | if(bodyDir!="rtl"){ | |
114 | if(_7<_a&&e.x>_7&&e.x<_a){ | |
115 | _6=true; | |
116 | } | |
117 | }else{ | |
118 | if(e.x<_9&&e.x>_c){ | |
119 | _6=true; | |
120 | } | |
121 | } | |
122 | if(!_6){ | |
123 | if(_8<_b&&e.y>_8&&e.y<_b){ | |
124 | _6=true; | |
125 | } | |
126 | } | |
127 | if(!_6){ | |
128 | delete this._cursorToStart; | |
129 | delete this._savedSelection; | |
130 | if(e.target.tagName=="BODY"){ | |
131 | setTimeout(dojo.hitch(this,"placeCursorAtEnd"),0); | |
132 | } | |
133 | this.inherited(arguments); | |
134 | } | |
135 | },onBeforeActivate:function(e){ | |
136 | this._restoreSelection(); | |
137 | },onBeforeDeactivate:function(e){ | |
138 | if(this.customUndo){ | |
139 | this.endEditing(true); | |
140 | } | |
141 | if(e.target.tagName!="BODY"){ | |
142 | this._saveSelection(); | |
143 | } | |
144 | },customUndo:dojo.isIE||dojo.isWebKit,editActionInterval:3,beginEditing:function(_d){ | |
145 | if(!this._inEditing){ | |
146 | this._inEditing=true; | |
147 | this._beginEditing(_d); | |
148 | } | |
149 | if(this.editActionInterval>0){ | |
150 | if(this._editTimer){ | |
151 | clearTimeout(this._editTimer); | |
152 | } | |
153 | this._editTimer=setTimeout(dojo.hitch(this,this.endEditing),this._editInterval); | |
154 | } | |
155 | },_steps:[],_undoedSteps:[],execCommand:function(_e){ | |
156 | if(this.customUndo&&(_e=="undo"||_e=="redo")){ | |
157 | return this[_e](); | |
158 | }else{ | |
159 | if(this.customUndo){ | |
160 | this.endEditing(); | |
161 | this._beginEditing(); | |
162 | } | |
163 | var r; | |
164 | try{ | |
165 | r=this.inherited("execCommand",arguments); | |
166 | if(dojo.isWebKit&&_e=="paste"&&!r){ | |
167 | throw {code:1011}; | |
168 | } | |
169 | } | |
170 | catch(e){ | |
171 | if(e.code==1011&&/copy|cut|paste/.test(_e)){ | |
172 | var _f=dojo.string.substitute,_10={cut:"X",copy:"C",paste:"V"}; | |
173 | alert(_f(this.commands.systemShortcut,[this.commands[_e],_f(this.commands[dojo.isMac?"appleKey":"ctrlKey"],[_10[_e]])])); | |
174 | } | |
175 | r=false; | |
176 | } | |
177 | if(this.customUndo){ | |
178 | this._endEditing(); | |
179 | } | |
180 | return r; | |
181 | } | |
182 | },queryCommandEnabled:function(cmd){ | |
183 | if(this.customUndo&&(cmd=="undo"||cmd=="redo")){ | |
184 | return cmd=="undo"?(this._steps.length>1):(this._undoedSteps.length>0); | |
185 | }else{ | |
186 | return this.inherited("queryCommandEnabled",arguments); | |
187 | } | |
188 | },_moveToBookmark:function(b){ | |
189 | var _11=b.mark; | |
190 | var _12=b.mark; | |
191 | var col=b.isCollapsed; | |
192 | var r,_13,_14,sel; | |
193 | if(_12){ | |
194 | if(dojo.isIE){ | |
195 | if(dojo.isArray(_12)){ | |
196 | _11=[]; | |
197 | dojo.forEach(_12,function(n){ | |
198 | _11.push(dijit.range.getNode(n,this.editNode)); | |
199 | },this); | |
200 | dojo.withGlobal(this.window,"moveToBookmark",dijit,[{mark:_11,isCollapsed:col}]); | |
201 | }else{ | |
202 | if(_12.startContainer&&_12.endContainer){ | |
203 | sel=dijit.range.getSelection(this.window); | |
204 | if(sel&&sel.removeAllRanges){ | |
205 | sel.removeAllRanges(); | |
206 | r=dijit.range.create(this.window); | |
207 | _13=dijit.range.getNode(_12.startContainer,this.editNode); | |
208 | _14=dijit.range.getNode(_12.endContainer,this.editNode); | |
209 | if(_13&&_14){ | |
210 | r.setStart(_13,_12.startOffset); | |
211 | r.setEnd(_14,_12.endOffset); | |
212 | sel.addRange(r); | |
213 | } | |
214 | } | |
215 | } | |
216 | } | |
217 | }else{ | |
218 | sel=dijit.range.getSelection(this.window); | |
219 | if(sel&&sel.removeAllRanges){ | |
220 | sel.removeAllRanges(); | |
221 | r=dijit.range.create(this.window); | |
222 | _13=dijit.range.getNode(_12.startContainer,this.editNode); | |
223 | _14=dijit.range.getNode(_12.endContainer,this.editNode); | |
224 | if(_13&&_14){ | |
225 | r.setStart(_13,_12.startOffset); | |
226 | r.setEnd(_14,_12.endOffset); | |
227 | sel.addRange(r); | |
228 | } | |
229 | } | |
230 | } | |
231 | } | |
232 | },_changeToStep:function(_15,to){ | |
233 | this.setValue(to.text); | |
234 | var b=to.bookmark; | |
235 | if(!b){ | |
236 | return; | |
237 | } | |
238 | this._moveToBookmark(b); | |
239 | },undo:function(){ | |
240 | var ret=false; | |
241 | if(!this._undoRedoActive){ | |
242 | this._undoRedoActive=true; | |
243 | this.endEditing(true); | |
244 | var s=this._steps.pop(); | |
245 | if(s&&this._steps.length>0){ | |
246 | this.focus(); | |
247 | this._changeToStep(s,this._steps[this._steps.length-1]); | |
248 | this._undoedSteps.push(s); | |
249 | this.onDisplayChanged(); | |
250 | delete this._undoRedoActive; | |
251 | ret=true; | |
252 | } | |
253 | delete this._undoRedoActive; | |
254 | } | |
255 | return ret; | |
256 | },redo:function(){ | |
257 | var ret=false; | |
258 | if(!this._undoRedoActive){ | |
259 | this._undoRedoActive=true; | |
260 | this.endEditing(true); | |
261 | var s=this._undoedSteps.pop(); | |
262 | if(s&&this._steps.length>0){ | |
263 | this.focus(); | |
264 | this._changeToStep(this._steps[this._steps.length-1],s); | |
265 | this._steps.push(s); | |
266 | this.onDisplayChanged(); | |
267 | ret=true; | |
268 | } | |
269 | delete this._undoRedoActive; | |
270 | } | |
271 | return ret; | |
272 | },endEditing:function(_16){ | |
273 | if(this._editTimer){ | |
274 | clearTimeout(this._editTimer); | |
275 | } | |
276 | if(this._inEditing){ | |
277 | this._endEditing(_16); | |
278 | this._inEditing=false; | |
279 | } | |
280 | },_getBookmark:function(){ | |
281 | var b=dojo.withGlobal(this.window,dijit.getBookmark); | |
282 | var tmp=[]; | |
283 | if(b&&b.mark){ | |
284 | var _17=b.mark; | |
285 | if(dojo.isIE){ | |
286 | var sel=dijit.range.getSelection(this.window); | |
287 | if(!dojo.isArray(_17)){ | |
288 | if(sel){ | |
289 | var _18; | |
290 | if(sel.rangeCount){ | |
291 | _18=sel.getRangeAt(0); | |
292 | } | |
293 | if(_18){ | |
294 | b.mark=_18.cloneRange(); | |
295 | }else{ | |
296 | b.mark=dojo.withGlobal(this.window,dijit.getBookmark); | |
297 | } | |
298 | } | |
299 | }else{ | |
300 | dojo.forEach(b.mark,function(n){ | |
301 | tmp.push(dijit.range.getIndex(n,this.editNode).o); | |
302 | },this); | |
303 | b.mark=tmp; | |
304 | } | |
305 | } | |
306 | try{ | |
307 | if(b.mark&&b.mark.startContainer){ | |
308 | tmp=dijit.range.getIndex(b.mark.startContainer,this.editNode).o; | |
309 | b.mark={startContainer:tmp,startOffset:b.mark.startOffset,endContainer:b.mark.endContainer===b.mark.startContainer?tmp:dijit.range.getIndex(b.mark.endContainer,this.editNode).o,endOffset:b.mark.endOffset}; | |
310 | } | |
311 | } | |
312 | catch(e){ | |
313 | b.mark=null; | |
314 | } | |
315 | } | |
316 | return b; | |
317 | },_beginEditing:function(cmd){ | |
318 | if(this._steps.length===0){ | |
319 | this._steps.push({"text":dijit._editor.getChildrenHtml(this.editNode),"bookmark":this._getBookmark()}); | |
320 | } | |
321 | },_endEditing:function(_19){ | |
322 | var v=dijit._editor.getChildrenHtml(this.editNode); | |
323 | this._undoedSteps=[]; | |
324 | this._steps.push({text:v,bookmark:this._getBookmark()}); | |
325 | },onKeyDown:function(e){ | |
326 | if(!dojo.isIE&&!this.iframe&&e.keyCode==dojo.keys.TAB&&!this.tabIndent){ | |
327 | this._saveSelection(); | |
328 | } | |
329 | if(!this.customUndo){ | |
330 | this.inherited(arguments); | |
331 | return; | |
332 | } | |
333 | var k=e.keyCode,ks=dojo.keys; | |
334 | if(e.ctrlKey&&!e.altKey){ | |
335 | if(k==90||k==122){ | |
336 | dojo.stopEvent(e); | |
337 | this.undo(); | |
338 | return; | |
339 | }else{ | |
340 | if(k==89||k==121){ | |
341 | dojo.stopEvent(e); | |
342 | this.redo(); | |
343 | return; | |
344 | } | |
345 | } | |
346 | } | |
347 | this.inherited(arguments); | |
348 | switch(k){ | |
349 | case ks.ENTER: | |
350 | case ks.BACKSPACE: | |
351 | case ks.DELETE: | |
352 | this.beginEditing(); | |
353 | break; | |
354 | case 88: | |
355 | case 86: | |
356 | if(e.ctrlKey&&!e.altKey&&!e.metaKey){ | |
357 | this.endEditing(); | |
358 | if(e.keyCode==88){ | |
359 | this.beginEditing("cut"); | |
360 | setTimeout(dojo.hitch(this,this.endEditing),1); | |
361 | }else{ | |
362 | this.beginEditing("paste"); | |
363 | setTimeout(dojo.hitch(this,this.endEditing),1); | |
364 | } | |
365 | break; | |
366 | } | |
367 | default: | |
368 | if(!e.ctrlKey&&!e.altKey&&!e.metaKey&&(e.keyCode<dojo.keys.F1||e.keyCode>dojo.keys.F15)){ | |
369 | this.beginEditing(); | |
370 | break; | |
371 | } | |
372 | case ks.ALT: | |
373 | this.endEditing(); | |
374 | break; | |
375 | case ks.UP_ARROW: | |
376 | case ks.DOWN_ARROW: | |
377 | case ks.LEFT_ARROW: | |
378 | case ks.RIGHT_ARROW: | |
379 | case ks.HOME: | |
380 | case ks.END: | |
381 | case ks.PAGE_UP: | |
382 | case ks.PAGE_DOWN: | |
383 | this.endEditing(true); | |
384 | break; | |
385 | case ks.CTRL: | |
386 | case ks.SHIFT: | |
387 | case ks.TAB: | |
388 | break; | |
389 | } | |
390 | },_onBlur:function(){ | |
391 | this.inherited("_onBlur",arguments); | |
392 | this.endEditing(true); | |
393 | },_saveSelection:function(){ | |
394 | this._savedSelection=this._getBookmark(); | |
395 | },_restoreSelection:function(){ | |
396 | if(this._savedSelection){ | |
397 | delete this._cursorToStart; | |
398 | if(dojo.withGlobal(this.window,"isCollapsed",dijit)){ | |
399 | this._moveToBookmark(this._savedSelection); | |
400 | } | |
401 | delete this._savedSelection; | |
402 | } | |
403 | },onClick:function(){ | |
404 | this.endEditing(true); | |
405 | this.inherited(arguments); | |
406 | },_setDisabledAttr:function(_1a){ | |
407 | if(!this.disabled&&_1a){ | |
408 | this._buttonEnabledPlugins=dojo.filter(this._plugins,function(p){ | |
409 | if(p&&p.button&&!p.button.get("disabled")){ | |
410 | p.button.set("disabled",true); | |
411 | return true; | |
412 | } | |
413 | return false; | |
414 | }); | |
415 | }else{ | |
416 | if(this.disabled&&!_1a){ | |
417 | dojo.forEach(this._buttonEnabledPlugins,function(p){ | |
418 | p.button.attr("disabled",false); | |
419 | p.updateState&&p.updateState(); | |
420 | }); | |
421 | } | |
422 | } | |
423 | this.inherited(arguments); | |
424 | },_setStateClass:function(){ | |
425 | this.inherited(arguments); | |
426 | if(this.document&&this.document.body){ | |
427 | dojo.style(this.document.body,"color",dojo.style(this.iframe,"color")); | |
428 | } | |
429 | }}); | |
430 | dojo.subscribe(dijit._scopeName+".Editor.getPlugin",null,function(o){ | |
431 | if(o.plugin){ | |
432 | return; | |
433 | } | |
434 | var _1b=o.args,p; | |
435 | var _1c=dijit._editor._Plugin; | |
436 | var _1d=_1b.name; | |
437 | switch(_1d){ | |
438 | case "undo": | |
439 | case "redo": | |
440 | case "cut": | |
441 | case "copy": | |
442 | case "paste": | |
443 | case "insertOrderedList": | |
444 | case "insertUnorderedList": | |
445 | case "indent": | |
446 | case "outdent": | |
447 | case "justifyCenter": | |
448 | case "justifyFull": | |
449 | case "justifyLeft": | |
450 | case "justifyRight": | |
451 | case "delete": | |
452 | case "selectAll": | |
453 | case "removeFormat": | |
454 | case "unlink": | |
455 | case "insertHorizontalRule": | |
456 | p=new _1c({command:_1d}); | |
457 | break; | |
458 | case "bold": | |
459 | case "italic": | |
460 | case "underline": | |
461 | case "strikethrough": | |
462 | case "subscript": | |
463 | case "superscript": | |
464 | p=new _1c({buttonClass:dijit.form.ToggleButton,command:_1d}); | |
465 | break; | |
466 | case "|": | |
467 | p=new _1c({button:new dijit.ToolbarSeparator(),setEditor:function(_1e){ | |
468 | this.editor=_1e; | |
469 | }}); | |
470 | } | |
471 | o.plugin=p; | |
472 | }); | |
473 | } |