394 lines
13 KiB
JavaScript
394 lines
13 KiB
JavaScript
|
(function () {
|
||
|
|
var template = (function () {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
var PluginManager = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
||
|
|
|
||
|
|
var noop = function () {
|
||
|
|
};
|
||
|
|
var noarg = function (f) {
|
||
|
|
return function () {
|
||
|
|
return f();
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var compose = function (fa, fb) {
|
||
|
|
return function () {
|
||
|
|
return fa(fb.apply(null, arguments));
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var constant = function (value) {
|
||
|
|
return function () {
|
||
|
|
return value;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var identity = function (x) {
|
||
|
|
return x;
|
||
|
|
};
|
||
|
|
var tripleEquals = function (a, b) {
|
||
|
|
return a === b;
|
||
|
|
};
|
||
|
|
var curry = function (f) {
|
||
|
|
var args = new Array(arguments.length - 1);
|
||
|
|
for (var i = 1; i < arguments.length; i++)
|
||
|
|
args[i - 1] = arguments[i];
|
||
|
|
return function () {
|
||
|
|
var newArgs = new Array(arguments.length);
|
||
|
|
for (var j = 0; j < newArgs.length; j++)
|
||
|
|
newArgs[j] = arguments[j];
|
||
|
|
var all = args.concat(newArgs);
|
||
|
|
return f.apply(null, all);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var not = function (f) {
|
||
|
|
return function () {
|
||
|
|
return !f.apply(null, arguments);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var die = function (msg) {
|
||
|
|
return function () {
|
||
|
|
throw new Error(msg);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var apply = function (f) {
|
||
|
|
return f();
|
||
|
|
};
|
||
|
|
var call = function (f) {
|
||
|
|
f();
|
||
|
|
};
|
||
|
|
var never = constant(false);
|
||
|
|
var always = constant(true);
|
||
|
|
var $_195tlaptjdud7d7r = {
|
||
|
|
noop: noop,
|
||
|
|
noarg: noarg,
|
||
|
|
compose: compose,
|
||
|
|
constant: constant,
|
||
|
|
identity: identity,
|
||
|
|
tripleEquals: tripleEquals,
|
||
|
|
curry: curry,
|
||
|
|
not: not,
|
||
|
|
die: die,
|
||
|
|
apply: apply,
|
||
|
|
call: call,
|
||
|
|
never: never,
|
||
|
|
always: always
|
||
|
|
};
|
||
|
|
|
||
|
|
var Tools = tinymce.util.Tools.resolve('tinymce.util.Tools');
|
||
|
|
|
||
|
|
var XHR = tinymce.util.Tools.resolve('tinymce.util.XHR');
|
||
|
|
|
||
|
|
var DOMUtils = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
|
||
|
|
|
||
|
|
var getCreationDateClasses = function (editor) {
|
||
|
|
return editor.getParam('template_cdate_classes', 'cdate');
|
||
|
|
};
|
||
|
|
var getModificationDateClasses = function (editor) {
|
||
|
|
return editor.getParam('template_mdate_classes', 'mdate');
|
||
|
|
};
|
||
|
|
var getSelectedContentClasses = function (editor) {
|
||
|
|
return editor.getParam('template_selected_content_classes', 'selcontent');
|
||
|
|
};
|
||
|
|
var getPreviewReplaceValues = function (editor) {
|
||
|
|
return editor.getParam('template_preview_replace_values');
|
||
|
|
};
|
||
|
|
var getTemplateReplaceValues = function (editor) {
|
||
|
|
return editor.getParam('template_replace_values');
|
||
|
|
};
|
||
|
|
var getTemplates = function (editorSettings) {
|
||
|
|
return editorSettings.templates;
|
||
|
|
};
|
||
|
|
var getCdateFormat = function (editor) {
|
||
|
|
return editor.getParam('template_cdate_format', editor.getLang('template.cdate_format'));
|
||
|
|
};
|
||
|
|
var getMdateFormat = function (editor) {
|
||
|
|
return editor.getParam('template_mdate_format', editor.getLang('template.mdate_format'));
|
||
|
|
};
|
||
|
|
var getDialogWidth = function (editor) {
|
||
|
|
return editor.getParam('template_popup_width', 600);
|
||
|
|
};
|
||
|
|
var getDialogHeight = function (editor) {
|
||
|
|
return Math.min(DOMUtils.DOM.getViewPort().h, editor.getParam('template_popup_height', 500));
|
||
|
|
};
|
||
|
|
var $_6gyjmapxjdud7d7x = {
|
||
|
|
getCreationDateClasses: getCreationDateClasses,
|
||
|
|
getModificationDateClasses: getModificationDateClasses,
|
||
|
|
getSelectedContentClasses: getSelectedContentClasses,
|
||
|
|
getPreviewReplaceValues: getPreviewReplaceValues,
|
||
|
|
getTemplateReplaceValues: getTemplateReplaceValues,
|
||
|
|
getTemplates: getTemplates,
|
||
|
|
getCdateFormat: getCdateFormat,
|
||
|
|
getMdateFormat: getMdateFormat,
|
||
|
|
getDialogWidth: getDialogWidth,
|
||
|
|
getDialogHeight: getDialogHeight
|
||
|
|
};
|
||
|
|
|
||
|
|
var addZeros = function (value, len) {
|
||
|
|
value = '' + value;
|
||
|
|
if (value.length < len) {
|
||
|
|
for (var i = 0; i < len - value.length; i++) {
|
||
|
|
value = '0' + value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return value;
|
||
|
|
};
|
||
|
|
var getDateTime = function (editor, fmt, date) {
|
||
|
|
var daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
|
||
|
|
var daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
|
||
|
|
var monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
|
||
|
|
var monthsLong = 'January February March April May June July August September October November December'.split(' ');
|
||
|
|
date = date || new Date();
|
||
|
|
fmt = fmt.replace('%D', '%m/%d/%Y');
|
||
|
|
fmt = fmt.replace('%r', '%I:%M:%S %p');
|
||
|
|
fmt = fmt.replace('%Y', '' + date.getFullYear());
|
||
|
|
fmt = fmt.replace('%y', '' + date.getYear());
|
||
|
|
fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
|
||
|
|
fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
|
||
|
|
fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
|
||
|
|
fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
|
||
|
|
fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
|
||
|
|
fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
|
||
|
|
fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
|
||
|
|
fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
|
||
|
|
fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
|
||
|
|
fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
|
||
|
|
fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
|
||
|
|
fmt = fmt.replace('%%', '%');
|
||
|
|
return fmt;
|
||
|
|
};
|
||
|
|
var $_fmug07pzjdud7d7z = { getDateTime: getDateTime };
|
||
|
|
|
||
|
|
var createTemplateList = function (editorSettings, callback) {
|
||
|
|
return function () {
|
||
|
|
var templateList = $_6gyjmapxjdud7d7x.getTemplates(editorSettings);
|
||
|
|
if (typeof templateList === 'function') {
|
||
|
|
templateList(callback);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (typeof templateList === 'string') {
|
||
|
|
XHR.send({
|
||
|
|
url: templateList,
|
||
|
|
success: function (text) {
|
||
|
|
callback(JSON.parse(text));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
callback(templateList);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var replaceTemplateValues = function (editor, html, templateValues) {
|
||
|
|
Tools.each(templateValues, function (v, k) {
|
||
|
|
if (typeof v === 'function') {
|
||
|
|
v = v(k);
|
||
|
|
}
|
||
|
|
html = html.replace(new RegExp('\\{\\$' + k + '\\}', 'g'), v);
|
||
|
|
});
|
||
|
|
return html;
|
||
|
|
};
|
||
|
|
var replaceVals = function (editor, e) {
|
||
|
|
var dom = editor.dom, vl = $_6gyjmapxjdud7d7x.getTemplateReplaceValues(editor);
|
||
|
|
Tools.each(dom.select('*', e), function (e) {
|
||
|
|
Tools.each(vl, function (v, k) {
|
||
|
|
if (dom.hasClass(e, k)) {
|
||
|
|
if (typeof vl[k] === 'function') {
|
||
|
|
vl[k](e);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|
||
|
|
var hasClass = function (n, c) {
|
||
|
|
return new RegExp('\\b' + c + '\\b', 'g').test(n.className);
|
||
|
|
};
|
||
|
|
var insertTemplate = function (editor, ui, html) {
|
||
|
|
var el;
|
||
|
|
var n;
|
||
|
|
var dom = editor.dom;
|
||
|
|
var sel = editor.selection.getContent();
|
||
|
|
html = replaceTemplateValues(editor, html, $_6gyjmapxjdud7d7x.getTemplateReplaceValues(editor));
|
||
|
|
el = dom.create('div', null, html);
|
||
|
|
n = dom.select('.mceTmpl', el);
|
||
|
|
if (n && n.length > 0) {
|
||
|
|
el = dom.create('div', null);
|
||
|
|
el.appendChild(n[0].cloneNode(true));
|
||
|
|
}
|
||
|
|
Tools.each(dom.select('*', el), function (n) {
|
||
|
|
if (hasClass(n, $_6gyjmapxjdud7d7x.getCreationDateClasses(editor).replace(/\s+/g, '|'))) {
|
||
|
|
n.innerHTML = $_fmug07pzjdud7d7z.getDateTime(editor, $_6gyjmapxjdud7d7x.getCdateFormat(editor));
|
||
|
|
}
|
||
|
|
if (hasClass(n, $_6gyjmapxjdud7d7x.getModificationDateClasses(editor).replace(/\s+/g, '|'))) {
|
||
|
|
n.innerHTML = $_fmug07pzjdud7d7z.getDateTime(editor, $_6gyjmapxjdud7d7x.getMdateFormat(editor));
|
||
|
|
}
|
||
|
|
if (hasClass(n, $_6gyjmapxjdud7d7x.getSelectedContentClasses(editor).replace(/\s+/g, '|'))) {
|
||
|
|
n.innerHTML = sel;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
replaceVals(editor, el);
|
||
|
|
editor.execCommand('mceInsertContent', false, el.innerHTML);
|
||
|
|
editor.addVisual();
|
||
|
|
};
|
||
|
|
var $_99w1kvpujdud7d7u = {
|
||
|
|
createTemplateList: createTemplateList,
|
||
|
|
replaceTemplateValues: replaceTemplateValues,
|
||
|
|
replaceVals: replaceVals,
|
||
|
|
insertTemplate: insertTemplate
|
||
|
|
};
|
||
|
|
|
||
|
|
var register = function (editor) {
|
||
|
|
editor.addCommand('mceInsertTemplate', $_195tlaptjdud7d7r.curry($_99w1kvpujdud7d7u.insertTemplate, editor));
|
||
|
|
};
|
||
|
|
var $_bpcaqmpsjdud7d7p = { register: register };
|
||
|
|
|
||
|
|
var setup = function (editor) {
|
||
|
|
editor.on('PreProcess', function (o) {
|
||
|
|
var dom = editor.dom, dateFormat = $_6gyjmapxjdud7d7x.getMdateFormat(editor);
|
||
|
|
Tools.each(dom.select('div', o.node), function (e) {
|
||
|
|
if (dom.hasClass(e, 'mceTmpl')) {
|
||
|
|
Tools.each(dom.select('*', e), function (e) {
|
||
|
|
if (dom.hasClass(e, editor.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|'))) {
|
||
|
|
e.innerHTML = $_fmug07pzjdud7d7z.getDateTime(editor, dateFormat);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$_99w1kvpujdud7d7u.replaceVals(editor, e);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|
||
|
|
var $_6vrswoq0jdud7d81 = { setup: setup };
|
||
|
|
|
||
|
|
var insertIframeHtml = function (editor, win, html) {
|
||
|
|
if (html.indexOf('<html>') === -1) {
|
||
|
|
var contentCssLinks_1 = '';
|
||
|
|
Tools.each(editor.contentCSS, function (url) {
|
||
|
|
contentCssLinks_1 += '<link type="text/css" rel="stylesheet" href="' + editor.documentBaseURI.toAbsolute(url) + '">';
|
||
|
|
});
|
||
|
|
var bodyClass = editor.settings.body_class || '';
|
||
|
|
if (bodyClass.indexOf('=') !== -1) {
|
||
|
|
bodyClass = editor.getParam('body_class', '', 'hash');
|
||
|
|
bodyClass = bodyClass[editor.id] || '';
|
||
|
|
}
|
||
|
|
html = '<!DOCTYPE html>' + '<html>' + '<head>' + contentCssLinks_1 + '</head>' + '<body class="' + bodyClass + '">' + html + '</body>' + '</html>';
|
||
|
|
}
|
||
|
|
html = $_99w1kvpujdud7d7u.replaceTemplateValues(editor, html, $_6gyjmapxjdud7d7x.getPreviewReplaceValues(editor));
|
||
|
|
var doc = win.find('iframe')[0].getEl().contentWindow.document;
|
||
|
|
doc.open();
|
||
|
|
doc.write(html);
|
||
|
|
doc.close();
|
||
|
|
};
|
||
|
|
var open = function (editor, templateList) {
|
||
|
|
var win;
|
||
|
|
var values = [];
|
||
|
|
var templateHtml;
|
||
|
|
if (!templateList || templateList.length === 0) {
|
||
|
|
var message = editor.translate('No templates defined.');
|
||
|
|
editor.notificationManager.open({
|
||
|
|
text: message,
|
||
|
|
type: 'info'
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
Tools.each(templateList, function (template) {
|
||
|
|
values.push({
|
||
|
|
selected: !values.length,
|
||
|
|
text: template.title,
|
||
|
|
value: {
|
||
|
|
url: template.url,
|
||
|
|
content: template.content,
|
||
|
|
description: template.description
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
var onSelectTemplate = function (e) {
|
||
|
|
var value = e.control.value();
|
||
|
|
if (value.url) {
|
||
|
|
XHR.send({
|
||
|
|
url: value.url,
|
||
|
|
success: function (html) {
|
||
|
|
templateHtml = html;
|
||
|
|
insertIframeHtml(editor, win, templateHtml);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
templateHtml = value.content;
|
||
|
|
insertIframeHtml(editor, win, templateHtml);
|
||
|
|
}
|
||
|
|
win.find('#description')[0].text(e.control.value().description);
|
||
|
|
};
|
||
|
|
win = editor.windowManager.open({
|
||
|
|
title: 'Insert template',
|
||
|
|
layout: 'flex',
|
||
|
|
direction: 'column',
|
||
|
|
align: 'stretch',
|
||
|
|
padding: 15,
|
||
|
|
spacing: 10,
|
||
|
|
items: [
|
||
|
|
{
|
||
|
|
type: 'form',
|
||
|
|
flex: 0,
|
||
|
|
padding: 0,
|
||
|
|
items: [{
|
||
|
|
type: 'container',
|
||
|
|
label: 'Templates',
|
||
|
|
items: {
|
||
|
|
type: 'listbox',
|
||
|
|
label: 'Templates',
|
||
|
|
name: 'template',
|
||
|
|
values: values,
|
||
|
|
onselect: onSelectTemplate
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'label',
|
||
|
|
name: 'description',
|
||
|
|
label: 'Description',
|
||
|
|
text: '\xA0'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'iframe',
|
||
|
|
flex: 1,
|
||
|
|
border: 1
|
||
|
|
}
|
||
|
|
],
|
||
|
|
onsubmit: function () {
|
||
|
|
$_99w1kvpujdud7d7u.insertTemplate(editor, false, templateHtml);
|
||
|
|
},
|
||
|
|
minWidth: $_6gyjmapxjdud7d7x.getDialogWidth(editor),
|
||
|
|
minHeight: $_6gyjmapxjdud7d7x.getDialogHeight(editor)
|
||
|
|
});
|
||
|
|
win.find('listbox')[0].fire('select');
|
||
|
|
};
|
||
|
|
var $_3dtgcbq2jdud7d84 = { open: open };
|
||
|
|
|
||
|
|
var showDialog = function (editor) {
|
||
|
|
return function (templates) {
|
||
|
|
$_3dtgcbq2jdud7d84.open(editor, templates);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
var register$1 = function (editor) {
|
||
|
|
editor.addButton('template', {
|
||
|
|
title: 'Insert template',
|
||
|
|
onclick: $_99w1kvpujdud7d7u.createTemplateList(editor.settings, showDialog(editor))
|
||
|
|
});
|
||
|
|
editor.addMenuItem('template', {
|
||
|
|
text: 'Template',
|
||
|
|
onclick: $_99w1kvpujdud7d7u.createTemplateList(editor.settings, showDialog(editor)),
|
||
|
|
icon: 'template',
|
||
|
|
context: 'insert'
|
||
|
|
});
|
||
|
|
};
|
||
|
|
var $_9krk8mq1jdud7d83 = { register: register$1 };
|
||
|
|
|
||
|
|
PluginManager.add('template', function (editor) {
|
||
|
|
$_9krk8mq1jdud7d83.register(editor);
|
||
|
|
$_bpcaqmpsjdud7d7p.register(editor);
|
||
|
|
$_6vrswoq0jdud7d81.setup(editor);
|
||
|
|
});
|
||
|
|
function Plugin () {
|
||
|
|
}
|
||
|
|
|
||
|
|
return Plugin;
|
||
|
|
|
||
|
|
}());
|
||
|
|
})();
|