1 /** |
|
2 * $Id: editor_plugin_src.js 201 2007-02-12 15:56:56Z spocke $ |
|
3 * |
|
4 * @author Moxiecode |
|
5 * @copyright Copyright © 2004-2008, Moxiecode Systems AB, All rights reserved. |
|
6 */ |
|
7 |
|
8 (function() { |
|
9 var each = tinymce.each; |
|
10 |
|
11 tinymce.create('tinymce.plugins.TemplatePlugin', { |
|
12 init : function(ed, url) { |
|
13 var t = this; |
|
14 |
|
15 t.editor = ed; |
|
16 |
|
17 // Register commands |
|
18 ed.addCommand('mceTemplate', function(ui) { |
|
19 ed.windowManager.open({ |
|
20 file : url + '/template.htm', |
|
21 width : ed.getParam('template_popup_width', 750), |
|
22 height : ed.getParam('template_popup_height', 600), |
|
23 inline : 1 |
|
24 }, { |
|
25 plugin_url : url |
|
26 }); |
|
27 }); |
|
28 |
|
29 ed.addCommand('mceInsertTemplate', t._insertTemplate, t); |
|
30 |
|
31 // Register buttons |
|
32 ed.addButton('template', {title : 'template.desc', cmd : 'mceTemplate'}); |
|
33 |
|
34 ed.onPreProcess.add(function(ed, o) { |
|
35 var dom = ed.dom; |
|
36 |
|
37 each(dom.select('div', o.node), function(e) { |
|
38 if (dom.hasClass(e, 'mceTmpl')) { |
|
39 each(dom.select('*', e), function(e) { |
|
40 if (dom.hasClass(e, ed.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|'))) |
|
41 e.innerHTML = t._getDateTime(new Date(), ed.getParam("template_mdate_format", ed.getLang("template.mdate_format"))); |
|
42 }); |
|
43 |
|
44 t._replaceVals(e); |
|
45 } |
|
46 }); |
|
47 }); |
|
48 }, |
|
49 |
|
50 getInfo : function() { |
|
51 return { |
|
52 longname : 'Template plugin', |
|
53 author : 'Moxiecode Systems AB', |
|
54 authorurl : 'http://www.moxiecode.com', |
|
55 infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/template', |
|
56 version : tinymce.majorVersion + "." + tinymce.minorVersion |
|
57 }; |
|
58 }, |
|
59 |
|
60 _insertTemplate : function(ui, v) { |
|
61 var t = this, ed = t.editor, h, el, dom = ed.dom, sel = ed.selection.getContent(); |
|
62 |
|
63 h = v.content; |
|
64 |
|
65 each(t.editor.getParam('template_replace_values'), function(v, k) { |
|
66 if (typeof(v) != 'function') |
|
67 h = h.replace(new RegExp('\\{\\$' + k + '\\}', 'g'), v); |
|
68 }); |
|
69 |
|
70 el = dom.create('div', null, h); |
|
71 |
|
72 // Find template element within div |
|
73 n = dom.select('.mceTmpl', el); |
|
74 if (n && n.length > 0) { |
|
75 el = dom.create('div', null); |
|
76 el.appendChild(n[0].cloneNode(true)); |
|
77 } |
|
78 |
|
79 function hasClass(n, c) { |
|
80 return new RegExp('\\b' + c + '\\b', 'g').test(n.className); |
|
81 }; |
|
82 |
|
83 each(dom.select('*', el), function(n) { |
|
84 // Replace cdate |
|
85 if (hasClass(n, ed.getParam('template_cdate_classes', 'cdate').replace(/\s+/g, '|'))) |
|
86 n.innerHTML = t._getDateTime(new Date(), ed.getParam("template_cdate_format", ed.getLang("template.cdate_format"))); |
|
87 |
|
88 // Replace mdate |
|
89 if (hasClass(n, ed.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|'))) |
|
90 n.innerHTML = t._getDateTime(new Date(), ed.getParam("template_mdate_format", ed.getLang("template.mdate_format"))); |
|
91 |
|
92 // Replace selection |
|
93 if (hasClass(n, ed.getParam('template_selected_content_classes', 'selcontent').replace(/\s+/g, '|'))) |
|
94 n.innerHTML = sel; |
|
95 }); |
|
96 |
|
97 t._replaceVals(el); |
|
98 |
|
99 ed.execCommand('mceInsertContent', false, el.innerHTML); |
|
100 ed.addVisual(); |
|
101 }, |
|
102 |
|
103 _replaceVals : function(e) { |
|
104 var dom = this.editor.dom, vl = this.editor.getParam('template_replace_values'); |
|
105 |
|
106 each(dom.select('*', e), function(e) { |
|
107 each(vl, function(v, k) { |
|
108 if (dom.hasClass(e, k)) { |
|
109 if (typeof(vl[k]) == 'function') |
|
110 vl[k](e); |
|
111 } |
|
112 }); |
|
113 }); |
|
114 }, |
|
115 |
|
116 _getDateTime : function(d, fmt) { |
|
117 if (!fmt) |
|
118 return ""; |
|
119 |
|
120 function addZeros(value, len) { |
|
121 var i; |
|
122 |
|
123 value = "" + value; |
|
124 |
|
125 if (value.length < len) { |
|
126 for (i=0; i<(len-value.length); i++) |
|
127 value = "0" + value; |
|
128 } |
|
129 |
|
130 return value; |
|
131 } |
|
132 |
|
133 fmt = fmt.replace("%D", "%m/%d/%y"); |
|
134 fmt = fmt.replace("%r", "%I:%M:%S %p"); |
|
135 fmt = fmt.replace("%Y", "" + d.getFullYear()); |
|
136 fmt = fmt.replace("%y", "" + d.getYear()); |
|
137 fmt = fmt.replace("%m", addZeros(d.getMonth()+1, 2)); |
|
138 fmt = fmt.replace("%d", addZeros(d.getDate(), 2)); |
|
139 fmt = fmt.replace("%H", "" + addZeros(d.getHours(), 2)); |
|
140 fmt = fmt.replace("%M", "" + addZeros(d.getMinutes(), 2)); |
|
141 fmt = fmt.replace("%S", "" + addZeros(d.getSeconds(), 2)); |
|
142 fmt = fmt.replace("%I", "" + ((d.getHours() + 11) % 12 + 1)); |
|
143 fmt = fmt.replace("%p", "" + (d.getHours() < 12 ? "AM" : "PM")); |
|
144 fmt = fmt.replace("%B", "" + this.editor.getLang("template_months_long").split(',')[d.getMonth()]); |
|
145 fmt = fmt.replace("%b", "" + this.editor.getLang("template_months_short").split(',')[d.getMonth()]); |
|
146 fmt = fmt.replace("%A", "" + this.editor.getLang("template_day_long").split(',')[d.getDay()]); |
|
147 fmt = fmt.replace("%a", "" + this.editor.getLang("template_day_short").split(',')[d.getDay()]); |
|
148 fmt = fmt.replace("%%", "%"); |
|
149 |
|
150 return fmt; |
|
151 } |
|
152 }); |
|
153 |
|
154 // Register plugin |
|
155 tinymce.PluginManager.add('template', tinymce.plugins.TemplatePlugin); |
|
156 })(); |
|