124 lines
4.4 KiB
JavaScript
124 lines
4.4 KiB
JavaScript
(function () {
|
|
var preview = (function () {
|
|
'use strict';
|
|
|
|
var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
|
|
|
var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
|
|
|
|
var getPreviewDialogWidth = function (editor) {
|
|
return parseInt(editor.getParam('plugin_preview_width', '650'), 10);
|
|
};
|
|
var getPreviewDialogHeight = function (editor) {
|
|
return parseInt(editor.getParam('plugin_preview_height', '500'), 10);
|
|
};
|
|
var getContentStyle = function (editor) {
|
|
return editor.getParam('content_style', '');
|
|
};
|
|
var Settings = {
|
|
getPreviewDialogWidth: getPreviewDialogWidth,
|
|
getPreviewDialogHeight: getPreviewDialogHeight,
|
|
getContentStyle: getContentStyle
|
|
};
|
|
|
|
var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
|
|
|
|
var getPreviewHtml = function (editor) {
|
|
var previewHtml;
|
|
var headHtml = '';
|
|
var encode = editor.dom.encode;
|
|
var contentStyle = Settings.getContentStyle(editor);
|
|
headHtml += '<base href="' + encode(editor.documentBaseURI.getURI()) + '">';
|
|
if (contentStyle) {
|
|
headHtml += '<style type="text/css">' + contentStyle + '</style>';
|
|
}
|
|
global$2.each(editor.contentCSS, function (url) {
|
|
headHtml += '<link type="text/css" rel="stylesheet" href="' + encode(editor.documentBaseURI.toAbsolute(url)) + '">';
|
|
});
|
|
var bodyId = editor.settings.body_id || 'tinymce';
|
|
if (bodyId.indexOf('=') !== -1) {
|
|
bodyId = editor.getParam('body_id', '', 'hash');
|
|
bodyId = bodyId[editor.id] || bodyId;
|
|
}
|
|
var bodyClass = editor.settings.body_class || '';
|
|
if (bodyClass.indexOf('=') !== -1) {
|
|
bodyClass = editor.getParam('body_class', '', 'hash');
|
|
bodyClass = bodyClass[editor.id] || '';
|
|
}
|
|
var preventClicksOnLinksScript = '<script>' + 'document.addEventListener && document.addEventListener("click", function(e) {' + 'for (var elm = e.target; elm; elm = elm.parentNode) {' + 'if (elm.nodeName === "A") {' + 'e.preventDefault();' + '}' + '}' + '}, false);' + '</script> ';
|
|
var dirAttr = editor.settings.directionality ? ' dir="' + editor.settings.directionality + '"' : '';
|
|
previewHtml = '<!DOCTYPE html>' + '<html>' + '<head>' + headHtml + '</head>' + '<body id="' + encode(bodyId) + '" class="mce-content-body ' + encode(bodyClass) + '"' + encode(dirAttr) + '>' + editor.getContent() + preventClicksOnLinksScript + '</body>' + '</html>';
|
|
return previewHtml;
|
|
};
|
|
var injectIframeContent = function (editor, iframe, sandbox) {
|
|
var previewHtml = getPreviewHtml(editor);
|
|
if (!sandbox) {
|
|
var doc = iframe.contentWindow.document;
|
|
doc.open();
|
|
doc.write(previewHtml);
|
|
doc.close();
|
|
} else {
|
|
iframe.src = 'data:text/html;charset=utf-8,' + encodeURIComponent(previewHtml);
|
|
}
|
|
};
|
|
var IframeContent = {
|
|
getPreviewHtml: getPreviewHtml,
|
|
injectIframeContent: injectIframeContent
|
|
};
|
|
|
|
var open = function (editor) {
|
|
var sandbox = !global$1.ie;
|
|
var dialogHtml = '<iframe src="" frameborder="0"' + (sandbox ? ' sandbox="allow-scripts"' : '') + '></iframe>';
|
|
var dialogWidth = Settings.getPreviewDialogWidth(editor);
|
|
var dialogHeight = Settings.getPreviewDialogHeight(editor);
|
|
editor.windowManager.open({
|
|
title: 'Preview',
|
|
width: dialogWidth,
|
|
height: dialogHeight,
|
|
html: dialogHtml,
|
|
buttons: {
|
|
text: 'Close',
|
|
onclick: function (e) {
|
|
e.control.parent().parent().close();
|
|
}
|
|
},
|
|
onPostRender: function (e) {
|
|
var iframeElm = e.control.getEl('body').firstChild;
|
|
IframeContent.injectIframeContent(editor, iframeElm, sandbox);
|
|
}
|
|
});
|
|
};
|
|
var Dialog = { open: open };
|
|
|
|
var register = function (editor) {
|
|
editor.addCommand('mcePreview', function () {
|
|
Dialog.open(editor);
|
|
});
|
|
};
|
|
var Commands = { register: register };
|
|
|
|
var register$1 = function (editor) {
|
|
editor.addButton('preview', {
|
|
title: 'Preview',
|
|
cmd: 'mcePreview'
|
|
});
|
|
editor.addMenuItem('preview', {
|
|
text: 'Preview',
|
|
cmd: 'mcePreview',
|
|
context: 'view'
|
|
});
|
|
};
|
|
var Buttons = { register: register$1 };
|
|
|
|
global.add('preview', function (editor) {
|
|
Commands.register(editor);
|
|
Buttons.register(editor);
|
|
});
|
|
function Plugin () {
|
|
}
|
|
|
|
return Plugin;
|
|
|
|
}());
|
|
})();
|