1 | /** |
---|
2 | * $Id: editor_template_src.js 555 2008-01-19 19:08:37Z spocke $ |
---|
3 | * |
---|
4 | * @author Moxiecode |
---|
5 | * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved. |
---|
6 | */ |
---|
7 | |
---|
8 | (function() { |
---|
9 | var DOM = tinymce.DOM, Event = tinymce.dom.Event, extend = tinymce.extend, each = tinymce.each, Cookie = tinymce.util.Cookie, lastExtID; |
---|
10 | |
---|
11 | // Tell it to load theme specific language pack(s) |
---|
12 | tinymce.ThemeManager.requireLangPack('advanced'); |
---|
13 | |
---|
14 | tinymce.create('tinymce.themes.AdvancedTheme', { |
---|
15 | // Control name lookup, format: title, command |
---|
16 | controls : { |
---|
17 | bold : ['bold_desc', 'Bold'], |
---|
18 | italic : ['italic_desc', 'Italic'], |
---|
19 | underline : ['underline_desc', 'Underline'], |
---|
20 | strikethrough : ['striketrough_desc', 'Strikethrough'], |
---|
21 | justifyleft : ['justifyleft_desc', 'JustifyLeft'], |
---|
22 | justifycenter : ['justifycenter_desc', 'JustifyCenter'], |
---|
23 | justifyright : ['justifyright_desc', 'JustifyRight'], |
---|
24 | justifyfull : ['justifyfull_desc', 'JustifyFull'], |
---|
25 | bullist : ['bullist_desc', 'InsertUnorderedList'], |
---|
26 | numlist : ['numlist_desc', 'InsertOrderedList'], |
---|
27 | outdent : ['outdent_desc', 'Outdent'], |
---|
28 | indent : ['indent_desc', 'Indent'], |
---|
29 | cut : ['cut_desc', 'Cut'], |
---|
30 | copy : ['copy_desc', 'Copy'], |
---|
31 | paste : ['paste_desc', 'Paste'], |
---|
32 | undo : ['undo_desc', 'Undo'], |
---|
33 | redo : ['redo_desc', 'Redo'], |
---|
34 | link : ['link_desc', 'mceLink'], |
---|
35 | unlink : ['unlink_desc', 'unlink'], |
---|
36 | image : ['image_desc', 'mceImage'], |
---|
37 | cleanup : ['cleanup_desc', 'mceCleanup'], |
---|
38 | help : ['help_desc', 'mceHelp'], |
---|
39 | code : ['code_desc', 'mceCodeEditor'], |
---|
40 | hr : ['hr_desc', 'InsertHorizontalRule'], |
---|
41 | removeformat : ['removeformat_desc', 'RemoveFormat'], |
---|
42 | sub : ['sub_desc', 'subscript'], |
---|
43 | sup : ['sup_desc', 'superscript'], |
---|
44 | forecolor : ['forecolor_desc', 'ForeColor'], |
---|
45 | forecolorpicker : ['forecolor_desc', 'mceForeColor'], |
---|
46 | backcolor : ['backcolor_desc', 'HiliteColor'], |
---|
47 | backcolorpicker : ['backcolor_desc', 'mceBackColor'], |
---|
48 | charmap : ['charmap_desc', 'mceCharMap'], |
---|
49 | visualaid : ['visualaid_desc', 'mceToggleVisualAid'], |
---|
50 | anchor : ['anchor_desc', 'mceInsertAnchor'], |
---|
51 | newdocument : ['newdocument_desc', 'mceNewDocument'], |
---|
52 | blockquote : ['blockquote_desc', 'mceBlockQuote'] |
---|
53 | }, |
---|
54 | |
---|
55 | stateControls : ['bold', 'italic', 'underline', 'strikethrough', 'bullist', 'numlist', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'sub', 'sup', 'blockquote'], |
---|
56 | |
---|
57 | init : function(ed, url) { |
---|
58 | var t = this, s; |
---|
59 | |
---|
60 | t.editor = ed; |
---|
61 | t.url = url; |
---|
62 | t.onResolveName = new tinymce.util.Dispatcher(this); |
---|
63 | |
---|
64 | // Default settings |
---|
65 | t.settings = s = extend({ |
---|
66 | theme_advanced_path : true, |
---|
67 | theme_advanced_toolbar_location : 'bottom', |
---|
68 | theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect", |
---|
69 | theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code", |
---|
70 | theme_advanced_buttons3 : "hr,removeformat,visualaid,|,sub,sup,|,charmap", |
---|
71 | theme_advanced_blockformats : "p,address,pre,h1,h2,h3,h4,h5,h6", |
---|
72 | theme_advanced_toolbar_align : "center", |
---|
73 | theme_advanced_fonts : "Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats", |
---|
74 | theme_advanced_font_sizes : "1,2,3,4,5,6,7", |
---|
75 | theme_advanced_more_colors : 1, |
---|
76 | theme_advanced_row_height : 23, |
---|
77 | theme_advanced_resize_horizontal : 1, |
---|
78 | theme_advanced_resizing_use_cookie : 1 |
---|
79 | }, ed.settings); |
---|
80 | |
---|
81 | if (s.theme_advanced_path_location) |
---|
82 | s.theme_advanced_statusbar_location = s.theme_advanced_path_location; |
---|
83 | |
---|
84 | if (s.theme_advanced_statusbar_location == 'none') |
---|
85 | s.theme_advanced_statusbar_location = 0; |
---|
86 | |
---|
87 | // Init editor |
---|
88 | ed.onInit.add(function() { |
---|
89 | ed.onNodeChange.add(t._nodeChanged, t); |
---|
90 | ed.dom.loadCSS(ed.baseURI.toAbsolute("themes/advanced/skins/" + ed.settings.skin + "/content.css")); |
---|
91 | }); |
---|
92 | |
---|
93 | ed.onSetProgressState.add(function(ed, b, ti) { |
---|
94 | var co, id = ed.id, tb; |
---|
95 | |
---|
96 | if (b) { |
---|
97 | t.progressTimer = setTimeout(function() { |
---|
98 | co = ed.getContainer(); |
---|
99 | co = co.insertBefore(DOM.create('DIV', {style : 'position:relative'}), co.firstChild); |
---|
100 | tb = DOM.get(ed.id + '_tbl'); |
---|
101 | |
---|
102 | DOM.add(co, 'div', {id : id + '_blocker', 'class' : 'mceBlocker', style : {width : tb.clientWidth + 2, height : tb.clientHeight + 2}}); |
---|
103 | DOM.add(co, 'div', {id : id + '_progress', 'class' : 'mceProgress', style : {left : tb.clientWidth / 2, top : tb.clientHeight / 2}}); |
---|
104 | }, ti || 0); |
---|
105 | } else { |
---|
106 | DOM.remove(id + '_blocker'); |
---|
107 | DOM.remove(id + '_progress'); |
---|
108 | clearTimeout(t.progressTimer); |
---|
109 | } |
---|
110 | }); |
---|
111 | |
---|
112 | DOM.loadCSS(ed.baseURI.toAbsolute(s.editor_css || "themes/advanced/skins/" + ed.settings.skin + "/ui.css")); |
---|
113 | }, |
---|
114 | |
---|
115 | createControl : function(n, cf) { |
---|
116 | var cd, c; |
---|
117 | |
---|
118 | if (c = cf.createControl(n)) |
---|
119 | return c; |
---|
120 | |
---|
121 | switch (n) { |
---|
122 | case "styleselect": |
---|
123 | return this._createStyleSelect(); |
---|
124 | |
---|
125 | case "formatselect": |
---|
126 | return this._createBlockFormats(); |
---|
127 | |
---|
128 | case "fontselect": |
---|
129 | return this._createFontSelect(); |
---|
130 | |
---|
131 | case "fontsizeselect": |
---|
132 | return this._createFontSizeSelect(); |
---|
133 | |
---|
134 | case "forecolor": |
---|
135 | return this._createForeColorMenu(); |
---|
136 | |
---|
137 | case "backcolor": |
---|
138 | return this._createBackColorMenu(); |
---|
139 | } |
---|
140 | |
---|
141 | if ((cd = this.controls[n])) |
---|
142 | return cf.createButton(n, {title : "advanced." + cd[0], cmd : cd[1], ui : cd[2], value : cd[3]}); |
---|
143 | }, |
---|
144 | |
---|
145 | execCommand : function(cmd, ui, val) { |
---|
146 | var f = this['_' + cmd]; |
---|
147 | |
---|
148 | if (f) { |
---|
149 | f.call(this, ui, val); |
---|
150 | return true; |
---|
151 | } |
---|
152 | |
---|
153 | return false; |
---|
154 | }, |
---|
155 | |
---|
156 | _importClasses : function() { |
---|
157 | var ed = this.editor, c = ed.controlManager.get('styleselect'); |
---|
158 | |
---|
159 | if (c.getLength() == 0) { |
---|
160 | each(ed.dom.getClasses(), function(o) { |
---|
161 | c.add(o['class'], o['class']); |
---|
162 | }); |
---|
163 | } |
---|
164 | }, |
---|
165 | |
---|
166 | _createStyleSelect : function(n) { |
---|
167 | var t = this, ed = t.editor, cf = ed.controlManager, c = cf.createListBox('styleselect', { |
---|
168 | title : 'advanced.style_select', |
---|
169 | onselect : function(v) { |
---|
170 | if (c.selectedValue === v) { |
---|
171 | ed.execCommand('mceSetStyleInfo', 0, {command : 'removeformat'}); |
---|
172 | c.select(); |
---|
173 | return false; |
---|
174 | } else |
---|
175 | ed.execCommand('mceSetCSSClass', 0, v); |
---|
176 | } |
---|
177 | }); |
---|
178 | |
---|
179 | each((t.settings.theme_advanced_styles || '').split(';'), function(v) { |
---|
180 | var p = v.split('='); |
---|
181 | |
---|
182 | if (v) |
---|
183 | c.add(t.editor.translate(p[0]), p[1]); |
---|
184 | }); |
---|
185 | |
---|
186 | c.onPostRender.add(function(ed, n) { |
---|
187 | Event.add(n, 'focus', t._importClasses, t); |
---|
188 | Event.add(n, 'mousedown', t._importClasses, t); |
---|
189 | }); |
---|
190 | |
---|
191 | return c; |
---|
192 | }, |
---|
193 | |
---|
194 | _createFontSelect : function() { |
---|
195 | var c, t = this; |
---|
196 | |
---|
197 | c = t.editor.controlManager.createListBox('fontselect', {title : 'advanced.fontdefault', cmd : 'FontName'}); |
---|
198 | |
---|
199 | each(t.settings.theme_advanced_fonts.split(';'), function(v) { |
---|
200 | var p = v.split('='), st; |
---|
201 | |
---|
202 | if (p[1].indexOf('dings') == -1) |
---|
203 | st = 'font-family:' + p[1]; |
---|
204 | |
---|
205 | c.add(t.editor.translate(p[0]), p[1], {style : st}); |
---|
206 | }); |
---|
207 | |
---|
208 | return c; |
---|
209 | }, |
---|
210 | |
---|
211 | _createFontSizeSelect : function() { |
---|
212 | var c, t = this, lo = [ |
---|
213 | "1 (8 pt)", |
---|
214 | "2 (10 pt)", |
---|
215 | "3 (12 pt)", |
---|
216 | "4 (14 pt)", |
---|
217 | "5 (18 pt)", |
---|
218 | "6 (24 pt)", |
---|
219 | "7 (36 pt)" |
---|
220 | ], fz = [8, 10, 12, 14, 18, 24, 36]; |
---|
221 | |
---|
222 | c = t.editor.controlManager.createListBox('fontsizeselect', {title : 'advanced.font_size', cmd : 'FontSize'}); |
---|
223 | |
---|
224 | each(t.settings.theme_advanced_font_sizes.split(','), function(v) { |
---|
225 | c.add(lo[parseInt(v) - 1], v, {'style' : 'font-size:' + fz[v - 1] + 'pt', 'class' : 'fontSize' + v}); |
---|
226 | }); |
---|
227 | |
---|
228 | return c; |
---|
229 | }, |
---|
230 | |
---|
231 | _createBlockFormats : function() { |
---|
232 | var c, fmts = { |
---|
233 | p : 'advanced.paragraph', |
---|
234 | address : 'advanced.address', |
---|
235 | pre : 'advanced.pre', |
---|
236 | h1 : 'advanced.h1', |
---|
237 | h2 : 'advanced.h2', |
---|
238 | h3 : 'advanced.h3', |
---|
239 | h4 : 'advanced.h4', |
---|
240 | h5 : 'advanced.h5', |
---|
241 | h6 : 'advanced.h6', |
---|
242 | div : 'advanced.div', |
---|
243 | blockquote : 'advanced.blockquote', |
---|
244 | code : 'advanced.code', |
---|
245 | dt : 'advanced.dt', |
---|
246 | dd : 'advanced.dd', |
---|
247 | samp : 'advanced.samp' |
---|
248 | }, t = this; |
---|
249 | |
---|
250 | c = t.editor.controlManager.createListBox('formatselect', {title : 'advanced.block', cmd : 'FormatBlock'}); |
---|
251 | |
---|
252 | each(t.settings.theme_advanced_blockformats.split(','), function(v) { |
---|
253 | c.add(t.editor.translate(fmts[v]), v, {element : v, 'class' : v.indexOf('h') == 0 ? '' : 'preview'}); |
---|
254 | }); |
---|
255 | |
---|
256 | return c; |
---|
257 | }, |
---|
258 | |
---|
259 | _createForeColorMenu : function() { |
---|
260 | var c, t = this, s = t.settings, o = {}, v; |
---|
261 | |
---|
262 | if (s.theme_advanced_more_colors) { |
---|
263 | o.more_colors_func = function() { |
---|
264 | t._mceColorPicker(0, { |
---|
265 | color : c.value, |
---|
266 | func : function(co) { |
---|
267 | c.setColor(co); |
---|
268 | } |
---|
269 | }); |
---|
270 | }; |
---|
271 | } |
---|
272 | |
---|
273 | if (v = s.theme_advanced_text_colors) |
---|
274 | o.colors = v; |
---|
275 | |
---|
276 | o.title = 'advanced.forecolor_desc'; |
---|
277 | o.cmd = 'ForeColor'; |
---|
278 | o.scope = this; |
---|
279 | |
---|
280 | c = t.editor.controlManager.createColorSplitButton('forecolor', o); |
---|
281 | |
---|
282 | return c; |
---|
283 | }, |
---|
284 | |
---|
285 | _createBackColorMenu : function() { |
---|
286 | var c, t = this, s = t.settings, o = {}, v; |
---|
287 | |
---|
288 | if (s.theme_advanced_more_colors) { |
---|
289 | o.more_colors_func = function() { |
---|
290 | t._mceColorPicker(0, { |
---|
291 | color : c.value, |
---|
292 | func : function(co) { |
---|
293 | c.setColor(co); |
---|
294 | } |
---|
295 | }); |
---|
296 | }; |
---|
297 | } |
---|
298 | |
---|
299 | if (v = s.theme_advanced_background_colors) |
---|
300 | o.colors = v; |
---|
301 | |
---|
302 | o.title = 'advanced.backcolor_desc'; |
---|
303 | o.cmd = 'HiliteColor'; |
---|
304 | o.scope = this; |
---|
305 | |
---|
306 | c = t.editor.controlManager.createColorSplitButton('backcolor', o); |
---|
307 | |
---|
308 | return c; |
---|
309 | }, |
---|
310 | |
---|
311 | renderUI : function(o) { |
---|
312 | var n, ic, tb, t = this, ed = t.editor, s = t.settings, sc, p, nl; |
---|
313 | |
---|
314 | n = p = DOM.create('div', {id : ed.id + '_parent', 'class' : 'mceEditor ' + ed.settings.skin + 'Skin'}); |
---|
315 | |
---|
316 | if (!DOM.boxModel) |
---|
317 | n = DOM.add(n, 'div', {'class' : 'mceOldBoxModel'}); |
---|
318 | |
---|
319 | n = sc = DOM.add(n, 'table', {id : ed.id + '_tbl', 'class' : 'mceLayout', cellSpacing : 0, cellPadding : 0}); |
---|
320 | n = tb = DOM.add(n, 'tbody'); |
---|
321 | |
---|
322 | switch ((s.theme_advanced_layout_manager || '').toLowerCase()) { |
---|
323 | case "rowlayout": |
---|
324 | ic = t._rowLayout(s, tb, o); |
---|
325 | break; |
---|
326 | |
---|
327 | case "customlayout": |
---|
328 | ic = ed.execCallback("theme_advanced_custom_layout", s, tb, o, p); |
---|
329 | break; |
---|
330 | |
---|
331 | default: |
---|
332 | ic = t._simpleLayout(s, tb, o, p); |
---|
333 | } |
---|
334 | |
---|
335 | n = o.targetNode; |
---|
336 | |
---|
337 | // Add classes to first and last TRs |
---|
338 | nl = sc.rows; |
---|
339 | DOM.addClass(nl[0], 'first'); |
---|
340 | DOM.addClass(nl[nl.length - 1], 'last'); |
---|
341 | |
---|
342 | // Add classes to first and last TDs |
---|
343 | each(DOM.select('tr', tb), function(n) { |
---|
344 | DOM.addClass(n.firstChild, 'first'); |
---|
345 | DOM.addClass(n.childNodes[n.childNodes.length - 1], 'last'); |
---|
346 | }); |
---|
347 | |
---|
348 | if (DOM.get(s.theme_advanced_toolbar_container)) |
---|
349 | DOM.get(s.theme_advanced_toolbar_container).appendChild(p); |
---|
350 | else |
---|
351 | DOM.insertAfter(p, n); |
---|
352 | |
---|
353 | Event.add(ed.id + '_path_row', 'click', function(e) { |
---|
354 | e = e.target; |
---|
355 | |
---|
356 | if (e.nodeName == 'A') { |
---|
357 | t._sel(e.href.replace(/^[^#]*#/, '')); |
---|
358 | |
---|
359 | return Event.cancel(e); |
---|
360 | } |
---|
361 | }); |
---|
362 | /* |
---|
363 | if (DOM.get(ed.id + '_path_row')) { |
---|
364 | Event.add(ed.id + '_tbl', 'mouseover', function(e) { |
---|
365 | var re; |
---|
366 | |
---|
367 | e = e.target; |
---|
368 | |
---|
369 | if (e.nodeName == 'SPAN' && DOM.hasClass(e.parentNode, 'mceButton')) { |
---|
370 | re = DOM.get(ed.id + '_path_row'); |
---|
371 | t.lastPath = re.innerHTML; |
---|
372 | DOM.setHTML(re, e.parentNode.title); |
---|
373 | } |
---|
374 | }); |
---|
375 | |
---|
376 | Event.add(ed.id + '_tbl', 'mouseout', function(e) { |
---|
377 | if (t.lastPath) { |
---|
378 | DOM.setHTML(ed.id + '_path_row', t.lastPath); |
---|
379 | t.lastPath = 0; |
---|
380 | } |
---|
381 | }); |
---|
382 | } |
---|
383 | */ |
---|
384 | |
---|
385 | if (!ed.getParam('accessibility_focus') || ed.getParam('tab_focus')) |
---|
386 | Event.add(DOM.add(p, 'a', {href : '#'}, '<!-- IE -->'), 'focus', function() {tinyMCE.get(ed.id).focus();}); |
---|
387 | |
---|
388 | if (s.theme_advanced_toolbar_location == 'external') |
---|
389 | o.deltaHeight = 0; |
---|
390 | |
---|
391 | t.deltaHeight = o.deltaHeight; |
---|
392 | o.targetNode = null; |
---|
393 | |
---|
394 | return { |
---|
395 | iframeContainer : ic, |
---|
396 | editorContainer : ed.id + '_parent', |
---|
397 | sizeContainer : sc, |
---|
398 | deltaHeight : o.deltaHeight |
---|
399 | }; |
---|
400 | }, |
---|
401 | |
---|
402 | getInfo : function() { |
---|
403 | return { |
---|
404 | longname : 'Simple theme', |
---|
405 | author : 'Moxiecode Systems AB', |
---|
406 | authorurl : 'http://tinymce.moxiecode.com', |
---|
407 | version : tinymce.majorVersion + "." + tinymce.minorVersion |
---|
408 | } |
---|
409 | }, |
---|
410 | |
---|
411 | _simpleLayout : function(s, tb, o, p) { |
---|
412 | var t = this, ed = t.editor, lo = s.theme_advanced_toolbar_location, sl = s.theme_advanced_statusbar_location, n, ic, etb, c; |
---|
413 | |
---|
414 | // Create toolbar container at top |
---|
415 | if (lo == 'top') |
---|
416 | t._addToolbars(tb, o); |
---|
417 | |
---|
418 | // Create external toolbar |
---|
419 | if (lo == 'external') { |
---|
420 | n = c = DOM.create('div', {style : 'position:relative'}); |
---|
421 | n = DOM.add(n, 'div', {id : ed.id + '_external', 'class' : 'mceExternalToolbar'}); |
---|
422 | DOM.add(n, 'a', {id : ed.id + '_external_close', href : 'javascript:;', 'class' : 'mceExternalClose'}); |
---|
423 | n = DOM.add(n, 'table', {id : ed.id + '_tblext', cellSpacing : 0, cellPadding : 0}); |
---|
424 | etb = DOM.add(n, 'tbody'); |
---|
425 | |
---|
426 | if (p.firstChild.className == 'mceOldBoxModel') |
---|
427 | p.firstChild.appendChild(c); |
---|
428 | else |
---|
429 | p.insertBefore(c, p.firstChild); |
---|
430 | |
---|
431 | t._addToolbars(etb, o); |
---|
432 | |
---|
433 | ed.onMouseUp.add(function() { |
---|
434 | var e = DOM.get(ed.id + '_external'); |
---|
435 | DOM.show(e); |
---|
436 | |
---|
437 | DOM.hide(lastExtID); |
---|
438 | |
---|
439 | var f = Event.add(ed.id + '_external_close', 'click', function() { |
---|
440 | DOM.hide(ed.id + '_external'); |
---|
441 | Event.remove(ed.id + '_external_close', 'click', f); |
---|
442 | }); |
---|
443 | |
---|
444 | DOM.show(e); |
---|
445 | DOM.setStyle(e, 'top', 0 - DOM.getRect(ed.id + '_tblext').h - 1); |
---|
446 | |
---|
447 | // Fixes IE rendering bug |
---|
448 | DOM.hide(e); |
---|
449 | DOM.show(e); |
---|
450 | e.style.filter = ''; |
---|
451 | |
---|
452 | lastExtID = ed.id + '_external'; |
---|
453 | |
---|
454 | e = null; |
---|
455 | }); |
---|
456 | } |
---|
457 | |
---|
458 | if (sl == 'top') |
---|
459 | t._addStatusBar(tb, o); |
---|
460 | |
---|
461 | // Create iframe container |
---|
462 | if (!s.theme_advanced_toolbar_container) { |
---|
463 | n = DOM.add(tb, 'tr'); |
---|
464 | n = ic = DOM.add(n, 'td', {'class' : 'mceIframeContainer'}); |
---|
465 | } |
---|
466 | |
---|
467 | // Create toolbar container at bottom |
---|
468 | if (lo == 'bottom') |
---|
469 | t._addToolbars(tb, o); |
---|
470 | |
---|
471 | if (sl == 'bottom') |
---|
472 | t._addStatusBar(tb, o); |
---|
473 | |
---|
474 | return ic; |
---|
475 | }, |
---|
476 | |
---|
477 | _rowLayout : function(s, tb, o) { |
---|
478 | var t = this, ed = t.editor, dc, da, cf = ed.controlManager, n, ic, to; |
---|
479 | |
---|
480 | dc = s.theme_advanced_containers_default_class || ''; |
---|
481 | da = s.theme_advanced_containers_default_align || 'center'; |
---|
482 | |
---|
483 | each((s.theme_advanced_containers || '').split(','), function(c, i) { |
---|
484 | var v = s['theme_advanced_container_' + c] || ''; |
---|
485 | |
---|
486 | switch (c.toLowerCase()) { |
---|
487 | case 'mceeditor': |
---|
488 | n = DOM.add(tb, 'tr'); |
---|
489 | n = ic = DOM.add(n, 'td', {'class' : 'mceIframeContainer'}); |
---|
490 | break; |
---|
491 | |
---|
492 | case 'mceelementpath': |
---|
493 | t._addStatusBar(tb, o); |
---|
494 | break; |
---|
495 | |
---|
496 | default: |
---|
497 | n = DOM.add(DOM.add(tb, 'tr'), 'td', { |
---|
498 | 'class' : 'mceToolbar ' + (s['theme_advanced_container_' + c + '_class'] || dc), |
---|
499 | align : s['theme_advanced_container_' + c + '_align'] || da |
---|
500 | }); |
---|
501 | |
---|
502 | to = cf.createToolbar("toolbar" + i); |
---|
503 | t._addControls(v, to); |
---|
504 | DOM.setHTML(n, to.renderHTML()); |
---|
505 | o.deltaHeight -= s.theme_advanced_row_height; |
---|
506 | } |
---|
507 | }); |
---|
508 | |
---|
509 | return ic; |
---|
510 | }, |
---|
511 | |
---|
512 | _addControls : function(v, tb) { |
---|
513 | var t = this, s = t.settings, di, cf = t.editor.controlManager; |
---|
514 | |
---|
515 | if (s.theme_advanced_disable && !t._disabled) { |
---|
516 | di = {}; |
---|
517 | |
---|
518 | each(s.theme_advanced_disable.split(','), function(v) { |
---|
519 | di[v] = 1; |
---|
520 | }); |
---|
521 | |
---|
522 | t._disabled = di; |
---|
523 | } else |
---|
524 | di = t._disabled; |
---|
525 | |
---|
526 | each(v.split(','), function(n) { |
---|
527 | var c; |
---|
528 | |
---|
529 | if (di && di[n]) |
---|
530 | return; |
---|
531 | |
---|
532 | // Compatiblity with 2.x |
---|
533 | if (n == 'tablecontrols') { |
---|
534 | each(["table","|","row_props","cell_props","|","row_before","row_after","delete_row","|","col_before","col_after","delete_col","|","split_cells","merge_cells"], function(n) { |
---|
535 | n = t.createControl(n, cf); |
---|
536 | |
---|
537 | if (n) |
---|
538 | tb.add(n); |
---|
539 | }); |
---|
540 | |
---|
541 | return; |
---|
542 | } |
---|
543 | |
---|
544 | c = t.createControl(n, cf); |
---|
545 | |
---|
546 | if (c) |
---|
547 | tb.add(c); |
---|
548 | }); |
---|
549 | }, |
---|
550 | |
---|
551 | _addToolbars : function(c, o) { |
---|
552 | var t = this, i, tb, ed = t.editor, s = t.settings, v, cf = ed.controlManager, di, n, h = []; |
---|
553 | |
---|
554 | n = DOM.add(DOM.add(c, 'tr'), 'td', {'class' : 'mceToolbar', align : s.theme_advanced_toolbar_align}); |
---|
555 | |
---|
556 | if (!ed.getParam('accessibility_focus') || ed.getParam('tab_focus')) |
---|
557 | h.push(DOM.createHTML('a', {href : '#', onfocus : 'tinyMCE.get(\'' + ed.id + '\').focus();'}, '<!-- IE -->')); |
---|
558 | |
---|
559 | h.push(DOM.createHTML('a', {href : '#', accesskey : 'q', title : ed.getLang("advanced.toolbar_focus")}, '<!-- IE -->')); |
---|
560 | |
---|
561 | // Create toolbar and add the controls |
---|
562 | for (i=1; (v = s['theme_advanced_buttons' + i]); i++) { |
---|
563 | tb = cf.createToolbar("toolbar" + i, {'class' : 'mceToolbarRow' + i}); |
---|
564 | |
---|
565 | if (s['theme_advanced_buttons' + i + '_add']) |
---|
566 | v += ',' + s['theme_advanced_buttons' + i + '_add']; |
---|
567 | |
---|
568 | if (s['theme_advanced_buttons' + i + '_add_before']) |
---|
569 | v = s['theme_advanced_buttons' + i + '_add_before'] + ',' + v; |
---|
570 | |
---|
571 | t._addControls(v, tb); |
---|
572 | |
---|
573 | //n.appendChild(n = tb.render()); |
---|
574 | h.push(tb.renderHTML()); |
---|
575 | |
---|
576 | o.deltaHeight -= s.theme_advanced_row_height; |
---|
577 | } |
---|
578 | |
---|
579 | h.push(DOM.createHTML('a', {href : '#', accesskey : 'z', title : ed.getLang("advanced.toolbar_focus"), onfocus : 'tinyMCE.getInstanceById(\'' + ed.id + '\').focus();'}, '<!-- IE -->')); |
---|
580 | DOM.setHTML(n, h.join('')); |
---|
581 | }, |
---|
582 | |
---|
583 | _addStatusBar : function(tb, o) { |
---|
584 | var n, t = this, ed = t.editor, s = t.settings, r, mf, me, td; |
---|
585 | |
---|
586 | n = DOM.add(tb, 'tr'); |
---|
587 | n = td = DOM.add(n, 'td', {'class' : 'mceStatusbar'}); |
---|
588 | n = DOM.add(n, 'div', {id : ed.id + '_path_row'}, s.theme_advanced_path ? ed.translate('advanced.path') + ': ' : ' '); |
---|
589 | DOM.add(n, 'a', {href : '#', accesskey : 'x'}); |
---|
590 | |
---|
591 | if (s.theme_advanced_resizing && !tinymce.isOldWebKit) { |
---|
592 | DOM.add(td, 'a', {id : ed.id + '_resize', href : 'javascript:;', onclick : "return false;", 'class' : 'resize'}); |
---|
593 | |
---|
594 | if (s.theme_advanced_resizing_use_cookie) { |
---|
595 | ed.onPostRender.add(function() { |
---|
596 | var o = Cookie.getHash("TinyMCE_" + ed.id + "_size"), c = DOM.get(ed.id + '_tbl'); |
---|
597 | |
---|
598 | if (!o) |
---|
599 | return; |
---|
600 | |
---|
601 | if (s.theme_advanced_resize_horizontal) |
---|
602 | c.style.width = o.cw + 'px'; |
---|
603 | |
---|
604 | c.style.height = o.ch + 'px'; |
---|
605 | DOM.get(ed.id + '_ifr').style.height = (parseInt(o.ch) + t.deltaHeight) + 'px'; |
---|
606 | }); |
---|
607 | } |
---|
608 | |
---|
609 | ed.onPostRender.add(function() { |
---|
610 | Event.add(ed.id + '_resize', 'mousedown', function(e) { |
---|
611 | var c, p, w, h, n, pa; |
---|
612 | |
---|
613 | // Measure container |
---|
614 | c = DOM.get(ed.id + '_tbl'); |
---|
615 | w = c.clientWidth; |
---|
616 | h = c.clientHeight; |
---|
617 | |
---|
618 | miw = s.theme_advanced_resizing_min_width || 100; |
---|
619 | mih = s.theme_advanced_resizing_min_height || 100; |
---|
620 | maw = s.theme_advanced_resizing_max_width || 0xFFFF; |
---|
621 | mah = s.theme_advanced_resizing_max_height || 0xFFFF; |
---|
622 | |
---|
623 | // Setup placeholder |
---|
624 | p = DOM.add(DOM.get(ed.id + '_parent'), 'div', {'class' : 'mcePlaceHolder'}); |
---|
625 | DOM.setStyles(p, {width : w, height : h}); |
---|
626 | |
---|
627 | // Replace with placeholder |
---|
628 | DOM.hide(c); |
---|
629 | DOM.show(p); |
---|
630 | |
---|
631 | // Create internal resize obj |
---|
632 | r = { |
---|
633 | x : e.screenX, |
---|
634 | y : e.screenY, |
---|
635 | w : w, |
---|
636 | h : h, |
---|
637 | dx : null, |
---|
638 | dy : null |
---|
639 | }; |
---|
640 | |
---|
641 | // Start listening |
---|
642 | mf = Event.add(document, 'mousemove', function(e) { |
---|
643 | var w, h; |
---|
644 | |
---|
645 | // Calc delta values |
---|
646 | r.dx = e.screenX - r.x; |
---|
647 | r.dy = e.screenY - r.y; |
---|
648 | |
---|
649 | // Boundery fix box |
---|
650 | w = Math.max(miw, r.w + r.dx); |
---|
651 | h = Math.max(mih, r.h + r.dy); |
---|
652 | w = Math.min(maw, w); |
---|
653 | h = Math.min(mah, h); |
---|
654 | |
---|
655 | // Resize placeholder |
---|
656 | if (s.theme_advanced_resize_horizontal) |
---|
657 | p.style.width = w + 'px'; |
---|
658 | |
---|
659 | p.style.height = h + 'px'; |
---|
660 | |
---|
661 | return Event.cancel(e); |
---|
662 | }); |
---|
663 | |
---|
664 | me = Event.add(document, 'mouseup', function(e) { |
---|
665 | var ifr; |
---|
666 | |
---|
667 | // Stop listening |
---|
668 | Event.remove(document, 'mousemove', mf); |
---|
669 | Event.remove(document, 'mouseup', me); |
---|
670 | |
---|
671 | c.style.display = ''; |
---|
672 | DOM.remove(p); |
---|
673 | |
---|
674 | if (r.dx === null) |
---|
675 | return; |
---|
676 | |
---|
677 | ifr = DOM.get(ed.id + '_ifr'); |
---|
678 | |
---|
679 | if (s.theme_advanced_resize_horizontal) |
---|
680 | c.style.width = (r.w + r.dx) + 'px'; |
---|
681 | |
---|
682 | c.style.height = (r.h + r.dy) + 'px'; |
---|
683 | ifr.style.height = (ifr.clientHeight + r.dy) + 'px'; |
---|
684 | |
---|
685 | if (s.theme_advanced_resizing_use_cookie) { |
---|
686 | Cookie.setHash("TinyMCE_" + ed.id + "_size", { |
---|
687 | cw : r.w + r.dx, |
---|
688 | ch : r.h + r.dy |
---|
689 | }); |
---|
690 | } |
---|
691 | }); |
---|
692 | |
---|
693 | return Event.cancel(e); |
---|
694 | }); |
---|
695 | }); |
---|
696 | } |
---|
697 | |
---|
698 | o.deltaHeight -= 21; |
---|
699 | n = tb = null; |
---|
700 | }, |
---|
701 | |
---|
702 | _nodeChanged : function(ed, cm, n, co) { |
---|
703 | var t = this, p, de = 0, v, c, s = t.settings; |
---|
704 | |
---|
705 | tinymce.each(t.stateControls, function(c) { |
---|
706 | cm.setActive(c, ed.queryCommandState(t.controls[c][1])); |
---|
707 | }); |
---|
708 | |
---|
709 | cm.setActive('visualaid', ed.hasVisual); |
---|
710 | cm.setDisabled('undo', !ed.undoManager.hasUndo() && !ed.typing); |
---|
711 | cm.setDisabled('redo', !ed.undoManager.hasRedo()); |
---|
712 | cm.setDisabled('outdent', !ed.queryCommandState('Outdent')); |
---|
713 | |
---|
714 | p = DOM.getParent(n, 'A'); |
---|
715 | if (c = cm.get('link')) { |
---|
716 | if (!p || !p.name) { |
---|
717 | c.setDisabled(!p && co); |
---|
718 | c.setActive(!!p); |
---|
719 | } |
---|
720 | } |
---|
721 | |
---|
722 | if (c = cm.get('unlink')) { |
---|
723 | c.setDisabled(!p && co); |
---|
724 | c.setActive(!!p && !p.name); |
---|
725 | } |
---|
726 | |
---|
727 | if (c = cm.get('anchor')) { |
---|
728 | c.setActive(!!p && p.name); |
---|
729 | |
---|
730 | if (tinymce.isWebKit) { |
---|
731 | p = DOM.getParent(n, 'IMG'); |
---|
732 | c.setActive(!!p && DOM.getAttrib(p, 'mce_name') == 'a'); |
---|
733 | } |
---|
734 | } |
---|
735 | |
---|
736 | p = DOM.getParent(n, 'IMG'); |
---|
737 | if (c = cm.get('image')) |
---|
738 | c.setActive(!!p && n.className.indexOf('mceItem') == -1); |
---|
739 | |
---|
740 | if (c = cm.get('styleselect')) { |
---|
741 | if (n.className) { |
---|
742 | t._importClasses(); |
---|
743 | c.select(n.className); |
---|
744 | } else |
---|
745 | c.select(); |
---|
746 | } |
---|
747 | |
---|
748 | if (c = cm.get('formatselect')) { |
---|
749 | p = DOM.getParent(n, DOM.isBlock); |
---|
750 | |
---|
751 | if (p) |
---|
752 | c.select(p.nodeName.toLowerCase()); |
---|
753 | } |
---|
754 | |
---|
755 | if (c = cm.get('fontselect')) |
---|
756 | c.select(ed.queryCommandValue('FontName')); |
---|
757 | |
---|
758 | if (c = cm.get('fontsizeselect')) |
---|
759 | c.select(ed.queryCommandValue('FontSize')); |
---|
760 | |
---|
761 | if (s.theme_advanced_path && s.theme_advanced_statusbar_location) { |
---|
762 | p = DOM.get(ed.id + '_path') || DOM.add(ed.id + '_path_row', 'span', {id : ed.id + '_path'}); |
---|
763 | DOM.setHTML(p, ''); |
---|
764 | |
---|
765 | ed.dom.getParent(n, function(n) { |
---|
766 | var na = n.nodeName.toLowerCase(), u, pi, ti = ''; |
---|
767 | |
---|
768 | // Ignore non element and hidden elements |
---|
769 | if (n.nodeType != 1 || (DOM.hasClass(n, 'mceItemHidden') || DOM.hasClass(n, 'mceItemRemoved'))) |
---|
770 | return; |
---|
771 | |
---|
772 | // Fake name |
---|
773 | if (v = DOM.getAttrib(n, 'mce_name')) |
---|
774 | na = v; |
---|
775 | |
---|
776 | // Handle prefix |
---|
777 | if (tinymce.isIE && n.scopeName !== 'HTML') |
---|
778 | na = n.scopeName + ':' + na; |
---|
779 | |
---|
780 | // Remove internal prefix |
---|
781 | na = na.replace(/mce\:/g, ''); |
---|
782 | |
---|
783 | // Handle node name |
---|
784 | switch (na) { |
---|
785 | case 'b': |
---|
786 | na = 'strong'; |
---|
787 | break; |
---|
788 | |
---|
789 | case 'i': |
---|
790 | na = 'em'; |
---|
791 | break; |
---|
792 | |
---|
793 | case 'img': |
---|
794 | if (v = DOM.getAttrib(n, 'src')) |
---|
795 | ti += 'src: ' + v + ' '; |
---|
796 | |
---|
797 | break; |
---|
798 | |
---|
799 | case 'a': |
---|
800 | if (v = DOM.getAttrib(n, 'name')) { |
---|
801 | ti += 'name: ' + v + ' '; |
---|
802 | na += '#' + v; |
---|
803 | } |
---|
804 | |
---|
805 | if (v = DOM.getAttrib(n, 'href')) |
---|
806 | ti += 'href: ' + v + ' '; |
---|
807 | |
---|
808 | break; |
---|
809 | |
---|
810 | case 'font': |
---|
811 | if (s.convert_fonts_to_spans) |
---|
812 | na = 'span'; |
---|
813 | |
---|
814 | if (v = DOM.getAttrib(n, 'face')) |
---|
815 | ti += 'font: ' + v + ' '; |
---|
816 | |
---|
817 | if (v = DOM.getAttrib(n, 'size')) |
---|
818 | ti += 'size: ' + v + ' '; |
---|
819 | |
---|
820 | if (v = DOM.getAttrib(n, 'color')) |
---|
821 | ti += 'color: ' + v + ' '; |
---|
822 | |
---|
823 | break; |
---|
824 | |
---|
825 | case 'span': |
---|
826 | if (v = DOM.getAttrib(n, 'style')) |
---|
827 | ti += 'style: ' + v + ' '; |
---|
828 | |
---|
829 | break; |
---|
830 | } |
---|
831 | |
---|
832 | if (v = DOM.getAttrib(n, 'id')) |
---|
833 | ti += 'id: ' + v + ' '; |
---|
834 | |
---|
835 | if (v = n.className) { |
---|
836 | v = v.replace(/(webkit-[\w\-]+|Apple-[\w\-]+|mceItem\w+|mceVisualAid)/g, ''); |
---|
837 | |
---|
838 | if (v && v.indexOf('mceItem') == -1) { |
---|
839 | ti += 'class: ' + v + ' '; |
---|
840 | |
---|
841 | if (DOM.isBlock(n) || na == 'img' || na == 'span') |
---|
842 | na += '.' + v; |
---|
843 | } |
---|
844 | } |
---|
845 | |
---|
846 | na = na.replace(/(html:)/g, ''); |
---|
847 | na = {name : na, node : n, title : ti}; |
---|
848 | t.onResolveName.dispatch(t, na); |
---|
849 | ti = na.title; |
---|
850 | na = na.name; |
---|
851 | |
---|
852 | //u = "javascript:tinymce.EditorManager.get('" + ed.id + "').theme._sel('" + (de++) + "');"; |
---|
853 | pi = DOM.create('a', {'href' : "#" + (de++) + "", onmousedown : "return false;", title : ti}, na); |
---|
854 | |
---|
855 | if (p.hasChildNodes()) { |
---|
856 | p.insertBefore(document.createTextNode(' \u00bb '), p.firstChild); |
---|
857 | p.insertBefore(pi, p.firstChild); |
---|
858 | } else |
---|
859 | p.appendChild(pi); |
---|
860 | }, ed.getBody()); |
---|
861 | } |
---|
862 | }, |
---|
863 | |
---|
864 | // Commands gets called by execCommand |
---|
865 | |
---|
866 | _sel : function(v) { |
---|
867 | this.editor.execCommand('mceSelectNodeDepth', false, v); |
---|
868 | }, |
---|
869 | |
---|
870 | _mceInsertAnchor : function(ui, v) { |
---|
871 | var ed = this.editor; |
---|
872 | |
---|
873 | ed.windowManager.open({ |
---|
874 | url : tinymce.baseURL + '/themes/advanced/anchor.htm', |
---|
875 | width : 320 + parseInt(ed.getLang('advanced.anchor_delta_width', 0)), |
---|
876 | height : 90 + parseInt(ed.getLang('advanced.anchor_delta_height', 0)), |
---|
877 | inline : true |
---|
878 | }, { |
---|
879 | theme_url : this.url |
---|
880 | }); |
---|
881 | }, |
---|
882 | |
---|
883 | _mceCharMap : function() { |
---|
884 | var ed = this.editor; |
---|
885 | |
---|
886 | ed.windowManager.open({ |
---|
887 | url : tinymce.baseURL + '/themes/advanced/charmap.htm', |
---|
888 | width : 550 + parseInt(ed.getLang('advanced.charmap_delta_width', 0)), |
---|
889 | height : 250 + parseInt(ed.getLang('advanced.charmap_delta_height', 0)), |
---|
890 | inline : true |
---|
891 | }, { |
---|
892 | theme_url : this.url |
---|
893 | }); |
---|
894 | }, |
---|
895 | |
---|
896 | _mceHelp : function() { |
---|
897 | var ed = this.editor; |
---|
898 | |
---|
899 | ed.windowManager.open({ |
---|
900 | url : tinymce.baseURL + '/themes/advanced/about.htm', |
---|
901 | width : 480, |
---|
902 | height : 380, |
---|
903 | inline : true |
---|
904 | }, { |
---|
905 | theme_url : this.url |
---|
906 | }); |
---|
907 | }, |
---|
908 | |
---|
909 | _mceColorPicker : function(u, v) { |
---|
910 | var ed = this.editor; |
---|
911 | |
---|
912 | v = v || {}; |
---|
913 | |
---|
914 | ed.windowManager.open({ |
---|
915 | url : tinymce.baseURL + '/themes/advanced/color_picker.htm', |
---|
916 | width : 375 + parseInt(ed.getLang('advanced.colorpicker_delta_width', 0)), |
---|
917 | height : 250 + parseInt(ed.getLang('advanced.colorpicker_delta_height', 0)), |
---|
918 | close_previous : false, |
---|
919 | inline : true |
---|
920 | }, { |
---|
921 | input_color : v.color, |
---|
922 | func : v.func, |
---|
923 | theme_url : this.url |
---|
924 | }); |
---|
925 | }, |
---|
926 | |
---|
927 | _mceCodeEditor : function(ui, val) { |
---|
928 | var ed = this.editor; |
---|
929 | |
---|
930 | ed.windowManager.open({ |
---|
931 | url : tinymce.baseURL + '/themes/advanced/source_editor.htm', |
---|
932 | width : parseInt(ed.getParam("theme_advanced_source_editor_width", 720)), |
---|
933 | height : parseInt(ed.getParam("theme_advanced_source_editor_height", 580)), |
---|
934 | inline : true, |
---|
935 | resizable : true, |
---|
936 | maximizable : true |
---|
937 | }, { |
---|
938 | theme_url : this.url |
---|
939 | }); |
---|
940 | }, |
---|
941 | |
---|
942 | _mceImage : function(ui, val) { |
---|
943 | var ed = this.editor; |
---|
944 | |
---|
945 | ed.windowManager.open({ |
---|
946 | url : tinymce.baseURL + '/themes/advanced/image.htm', |
---|
947 | width : 355 + parseInt(ed.getLang('advanced.image_delta_width', 0)), |
---|
948 | height : 275 + parseInt(ed.getLang('advanced.image_delta_height', 0)), |
---|
949 | inline : true |
---|
950 | }, { |
---|
951 | theme_url : this.url |
---|
952 | }); |
---|
953 | }, |
---|
954 | |
---|
955 | _mceLink : function(ui, val) { |
---|
956 | var ed = this.editor; |
---|
957 | |
---|
958 | ed.windowManager.open({ |
---|
959 | url : tinymce.baseURL + '/themes/advanced/link.htm', |
---|
960 | width : 310 + parseInt(ed.getLang('advanced.link_delta_width', 0)), |
---|
961 | height : 200 + parseInt(ed.getLang('advanced.link_delta_height', 0)), |
---|
962 | inline : true |
---|
963 | }, { |
---|
964 | theme_url : this.url |
---|
965 | }); |
---|
966 | }, |
---|
967 | |
---|
968 | _mceNewDocument : function() { |
---|
969 | var ed = this.editor; |
---|
970 | |
---|
971 | ed.windowManager.confirm('advanced.newdocument', function(s) { |
---|
972 | if (s) |
---|
973 | ed.execCommand('mceSetContent', false, ''); |
---|
974 | }); |
---|
975 | }, |
---|
976 | |
---|
977 | _mceForeColor : function() { |
---|
978 | var t = this; |
---|
979 | |
---|
980 | this._mceColorPicker(0, { |
---|
981 | func : function(co) { |
---|
982 | t.editor.execCommand('ForeColor', false, co); |
---|
983 | } |
---|
984 | }); |
---|
985 | }, |
---|
986 | |
---|
987 | _mceBackColor : function() { |
---|
988 | var t = this; |
---|
989 | |
---|
990 | this._mceColorPicker(0, { |
---|
991 | func : function(co) { |
---|
992 | t.editor.execCommand('HiliteColor', false, co); |
---|
993 | } |
---|
994 | }); |
---|
995 | } |
---|
996 | }); |
---|
997 | |
---|
998 | tinymce.ThemeManager.add('advanced', tinymce.themes.AdvancedTheme); |
---|
999 | }()); |
---|