/**\r
- * $Id: editor_template_src.js 766 2008-04-03 20:37:06Z spocke $\r
+ * $Id: editor_template_src.js 1045 2009-03-04 20:03:18Z spocke $\r
*\r
* @author Moxiecode\r
* @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved.\r
*/\r
\r
-(function() {\r
+(function(tinymce) {\r
var DOM = tinymce.DOM, Event = tinymce.dom.Event, extend = tinymce.extend, each = tinymce.each, Cookie = tinymce.util.Cookie, lastExtID, explode = tinymce.explode;\r
\r
// Tell it to load theme specific language pack(s)\r
tinymce.ThemeManager.requireLangPack('advanced');\r
\r
tinymce.create('tinymce.themes.AdvancedTheme', {\r
+ sizes : [8, 10, 12, 14, 18, 24, 36],\r
+\r
// Control name lookup, format: title, command\r
controls : {\r
bold : ['bold_desc', 'Bold'],\r
stateControls : ['bold', 'italic', 'underline', 'strikethrough', 'bullist', 'numlist', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'sub', 'sup', 'blockquote'],\r
\r
init : function(ed, url) {\r
- var t = this, s, v;\r
+ var t = this, s, v, o;\r
\r
t.editor = ed;\r
t.url = url;\r
theme_advanced_blockformats : "p,address,pre,h1,h2,h3,h4,h5,h6",\r
theme_advanced_toolbar_align : "center",\r
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",\r
- theme_advanced_font_sizes : "1,2,3,4,5,6,7",\r
theme_advanced_more_colors : 1,\r
theme_advanced_row_height : 23,\r
theme_advanced_resize_horizontal : 1,\r
- theme_advanced_resizing_use_cookie : 1\r
+ theme_advanced_resizing_use_cookie : 1,\r
+ theme_advanced_font_sizes : "1,2,3,4,5,6,7",\r
+ readonly : ed.settings.readonly\r
}, ed.settings);\r
\r
+ // Setup default font_size_style_values\r
+ if (!s.font_size_style_values)\r
+ s.font_size_style_values = "8pt,10pt,12pt,14pt,18pt,24pt,36pt";\r
+\r
+ if (tinymce.is(s.theme_advanced_font_sizes, 'string')) {\r
+ s.font_size_style_values = tinymce.explode(s.font_size_style_values);\r
+ s.font_size_classes = tinymce.explode(s.font_size_classes || '');\r
+\r
+ // Parse string value\r
+ o = {};\r
+ ed.settings.theme_advanced_font_sizes = s.theme_advanced_font_sizes;\r
+ each(ed.getParam('theme_advanced_font_sizes', '', 'hash'), function(v, k) {\r
+ var cl;\r
+\r
+ if (k == v && v >= 1 && v <= 7) {\r
+ k = v + ' (' + t.sizes[v - 1] + 'pt)';\r
+\r
+ if (ed.settings.convert_fonts_to_spans) {\r
+ cl = s.font_size_classes[v - 1];\r
+ v = s.font_size_style_values[v - 1] || (t.sizes[v - 1] + 'pt');\r
+ }\r
+ }\r
+\r
+ if (/^\s*\./.test(v))\r
+ cl = v.replace(/\./g, '');\r
+\r
+ o[k] = cl ? {'class' : cl} : {fontSize : v};\r
+ });\r
+\r
+ s.theme_advanced_font_sizes = o;\r
+ }\r
+\r
if ((v = s.theme_advanced_path_location) && v != 'none')\r
s.theme_advanced_statusbar_location = s.theme_advanced_path_location;\r
\r
}\r
});\r
\r
- DOM.loadCSS(ed.baseURI.toAbsolute(s.editor_css || "themes/advanced/skins/" + ed.settings.skin + "/ui.css"));\r
+ DOM.loadCSS(s.editor_css ? ed.documentBaseURI.toAbsolute(s.editor_css) : url + "/skins/" + ed.settings.skin + "/ui.css");\r
\r
if (s.skin_variant)\r
- DOM.loadCSS(ed.baseURI.toAbsolute(s.editor_css || "themes/advanced/skins/" + ed.settings.skin + "/ui_" + s.skin_variant + ".css"));\r
+ DOM.loadCSS(url + "/skins/" + ed.settings.skin + "/ui_" + s.skin_variant + ".css");\r
},\r
\r
createControl : function(n, cf) {\r
return false;\r
},\r
\r
- _importClasses : function() {\r
+ _importClasses : function(e) {\r
var ed = this.editor, c = ed.controlManager.get('styleselect');\r
\r
if (c.getLength() == 0) {\r
});\r
\r
c.onPostRender.add(function(ed, n) {\r
- Event.add(n, 'focus', t._importClasses, t);\r
- Event.add(n, 'mousedown', t._importClasses, t);\r
+ if (!c.NativeListBox) {\r
+ Event.add(n.id + '_text', 'focus', t._importClasses, t);\r
+ Event.add(n.id + '_text', 'mousedown', t._importClasses, t);\r
+ Event.add(n.id + '_open', 'focus', t._importClasses, t);\r
+ Event.add(n.id + '_open', 'mousedown', t._importClasses, t);\r
+ } else\r
+ Event.add(n.id, 'focus', t._importClasses, t);\r
});\r
}\r
\r
},\r
\r
_createFontSizeSelect : function() {\r
- var c, t = this, lo = [\r
- "1 (8 pt)",\r
- "2 (10 pt)",\r
- "3 (12 pt)",\r
- "4 (14 pt)",\r
- "5 (18 pt)",\r
- "6 (24 pt)",\r
- "7 (36 pt)"\r
- ], fz = [8, 10, 12, 14, 18, 24, 36];\r
-\r
- c = t.editor.controlManager.createListBox('fontsizeselect', {title : 'advanced.font_size', cmd : 'FontSize'});\r
+ var t = this, ed = t.editor, c, i = 0, cl = [];\r
+\r
+ c = ed.controlManager.createListBox('fontsizeselect', {title : 'advanced.font_size', onselect : function(v) {\r
+ if (v.fontSize)\r
+ ed.execCommand('FontSize', false, v.fontSize);\r
+ else {\r
+ each(t.settings.theme_advanced_font_sizes, function(v, k) {\r
+ if (v['class'])\r
+ cl.push(v['class']);\r
+ });\r
+\r
+ ed.editorCommands._applyInlineStyle('span', {'class' : v['class']}, {check_classes : cl});\r
+ }\r
+ }});\r
+\r
if (c) {\r
- each(explode(t.settings.theme_advanced_font_sizes), function(v) {\r
- c.add(lo[parseInt(v) - 1], v, {'style' : 'font-size:' + fz[v - 1] + 'pt', 'class' : 'mceFontSize' + v});\r
+ each(t.settings.theme_advanced_font_sizes, function(v, k) {\r
+ var fz = v.fontSize;\r
+\r
+ if (fz >= 1 && fz <= 7)\r
+ fz = t.sizes[parseInt(fz) - 1] + 'pt';\r
+\r
+ c.add(k, v, {'style' : 'font-size:' + fz, 'class' : 'mceFontSize' + (i++) + (' ' + (v['class'] || ''))});\r
});\r
}\r
\r
if (v = s.theme_advanced_text_colors)\r
o.colors = v;\r
\r
+ if (s.theme_advanced_default_foreground_color)\r
+ o.default_color = s.theme_advanced_default_foreground_color;\r
+\r
o.title = 'advanced.forecolor_desc';\r
o.cmd = 'ForeColor';\r
o.scope = this;\r
if (v = s.theme_advanced_background_colors)\r
o.colors = v;\r
\r
+ if (s.theme_advanced_default_background_color)\r
+ o.default_color = s.theme_advanced_default_background_color;\r
+\r
o.title = 'advanced.backcolor_desc';\r
o.cmd = 'HiliteColor';\r
o.scope = this;\r
}\r
*/\r
\r
- if (!ed.getParam('accessibility_focus') || ed.getParam('tab_focus'))\r
+ if (!ed.getParam('accessibility_focus'))\r
Event.add(DOM.add(p, 'a', {href : '#'}, '<!-- IE -->'), 'focus', function() {tinyMCE.get(ed.id).focus();});\r
\r
if (s.theme_advanced_toolbar_location == 'external')\r
_simpleLayout : function(s, tb, o, p) {\r
var t = this, ed = t.editor, lo = s.theme_advanced_toolbar_location, sl = s.theme_advanced_statusbar_location, n, ic, etb, c;\r
\r
+ if (s.readonly) {\r
+ n = DOM.add(tb, 'tr');\r
+ n = ic = DOM.add(n, 'td', {'class' : 'mceIframeContainer'});\r
+ return ic;\r
+ }\r
+\r
// Create toolbar container at top\r
if (lo == 'top')\r
t._addToolbars(tb, o);\r
each(explode(s.theme_advanced_containers || ''), function(c, i) {\r
var v = s['theme_advanced_container_' + c] || '';\r
\r
- switch (c.toLowerCase()) {\r
+ switch (v.toLowerCase()) {\r
case 'mceeditor':\r
n = DOM.add(tb, 'tr');\r
n = ic = DOM.add(n, 'td', {'class' : 'mceIframeContainer'});\r
break;\r
\r
default:\r
- a = s['theme_advanced_container_' + c + '_align'].toLowerCase();\r
+ a = (s['theme_advanced_container_' + c + '_align'] || da).toLowerCase();\r
a = 'mce' + t._ufirst(a);\r
\r
n = DOM.add(DOM.add(tb, 'tr'), 'td', {\r
\r
n = DOM.add(DOM.add(c, 'tr'), 'td', {'class' : 'mceToolbar ' + a});\r
\r
- if (!ed.getParam('accessibility_focus') || ed.getParam('tab_focus'))\r
+ if (!ed.getParam('accessibility_focus'))\r
h.push(DOM.createHTML('a', {href : '#', onfocus : 'tinyMCE.get(\'' + ed.id + '\').focus();'}, '<!-- IE -->'));\r
\r
h.push(DOM.createHTML('a', {href : '#', accesskey : 'q', title : ed.getLang("advanced.toolbar_focus")}, '<!-- IE -->'));\r
\r
n = DOM.add(tb, 'tr');\r
n = td = DOM.add(n, 'td', {'class' : 'mceStatusbar'});\r
- n = DOM.add(n, 'div', {id : ed.id + '_path_row'}, s.theme_advanced_path ? ed.translate('advanced.path') + ': ' : ' ');\r
+ n = DOM.add(n, 'div', {id : ed.id + '_path_row'}, s.theme_advanced_path ? ed.translate('advanced.path') + ': ' : ' ');\r
DOM.add(n, 'a', {href : '#', accesskey : 'x'});\r
\r
- if (s.theme_advanced_resizing && !tinymce.isOldWebKit) {\r
+ if (s.theme_advanced_resizing) {\r
DOM.add(td, 'a', {id : ed.id + '_resize', href : 'javascript:;', onclick : "return false;", 'class' : 'mceResize'});\r
\r
if (s.theme_advanced_resizing_use_cookie) {\r
},\r
\r
_nodeChanged : function(ed, cm, n, co) {\r
- var t = this, p, de = 0, v, c, s = t.settings;\r
+ var t = this, p, de = 0, v, c, s = t.settings, cl, fz, fn;\r
+\r
+ if (s.readonly)\r
+ return;\r
\r
tinymce.each(t.stateControls, function(c) {\r
cm.setActive(c, ed.queryCommandState(t.controls[c][1]));\r
c.select(p.nodeName.toLowerCase());\r
}\r
\r
- if (c = cm.get('fontselect'))\r
- c.select(ed.queryCommandValue('FontName'));\r
+ if (ed.settings.convert_fonts_to_spans) {\r
+ ed.dom.getParent(n, function(n) {\r
+ if (n.nodeName === 'SPAN') {\r
+ if (!cl && n.className)\r
+ cl = n.className;\r
+\r
+ if (!fz && n.style.fontSize)\r
+ fz = n.style.fontSize;\r
+\r
+ if (!fn && n.style.fontFamily)\r
+ fn = n.style.fontFamily.replace(/[\"\']+/g, '').replace(/^([^,]+).*/, '$1').toLowerCase();\r
+ }\r
\r
- if (c = cm.get('fontsizeselect'))\r
- c.select(ed.queryCommandValue('FontSize'));\r
+ return false;\r
+ });\r
+\r
+ if (c = cm.get('fontselect')) {\r
+ c.select(function(v) {\r
+ return v.replace(/^([^,]+).*/, '$1').toLowerCase() == fn;\r
+ });\r
+ }\r
+\r
+ if (c = cm.get('fontsizeselect')) {\r
+ c.select(function(v) {\r
+ if (v.fontSize && v.fontSize === fz)\r
+ return true;\r
+\r
+ if (v['class'] && v['class'] === cl)\r
+ return true;\r
+ });\r
+ }\r
+ } else {\r
+ if (c = cm.get('fontselect'))\r
+ c.select(ed.queryCommandValue('FontName'));\r
+\r
+ if (c = cm.get('fontsizeselect')) {\r
+ v = ed.queryCommandValue('FontSize');\r
+ c.select(function(iv) {\r
+ return iv.fontSize == v;\r
+ });\r
+ }\r
+ }\r
\r
if (s.theme_advanced_path && s.theme_advanced_statusbar_location) {\r
p = DOM.get(ed.id + '_path') || DOM.add(ed.id + '_path_row', 'span', {id : ed.id + '_path'});\r
var na = n.nodeName.toLowerCase(), u, pi, ti = '';\r
\r
// Ignore non element and hidden elements\r
- if (n.nodeType != 1 || (DOM.hasClass(n, 'mceItemHidden') || DOM.hasClass(n, 'mceItemRemoved')))\r
+ if (n.nodeType != 1 || n.nodeName === 'BR' || (DOM.hasClass(n, 'mceItemHidden') || DOM.hasClass(n, 'mceItemRemoved')))\r
return;\r
\r
// Fake name\r
if (v = DOM.getAttrib(n, 'mce_name'))\r
na = v;\r
- \r
+\r
// Handle prefix\r
if (tinymce.isIE && n.scopeName !== 'HTML')\r
na = n.scopeName + ':' + na;\r
var t = this;\r
\r
this._mceColorPicker(0, {\r
+ color: t.fgColor,\r
func : function(co) {\r
+ t.fgColor = co;\r
t.editor.execCommand('ForeColor', false, co);\r
}\r
});\r
var t = this;\r
\r
this._mceColorPicker(0, {\r
+ color: t.bgColor,\r
func : function(co) {\r
+ t.bgColor = co;\r
t.editor.execCommand('HiliteColor', false, co);\r
}\r
});\r
});\r
\r
tinymce.ThemeManager.add('advanced', tinymce.themes.AdvancedTheme);\r
-}());
\ No newline at end of file
+}(tinymce));
\ No newline at end of file
projects / roundcube.git / blobdiff