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