Andrew Nicols
44f0b4beef
Originally I changed the compiled output of TinyMCE from es2015 to es6 to try and allow our own requirejs system to serve the content. This is a change in the TinyMCE repository (or our copy of it). Unfortunately this turned out to not be possible, but I never got around to updating the configuration to stop doing so. Whilst working on this issue, I've removed this change to module compilation, which brings us closer in line to Tiny core, and simplifies the upgrade process.
98 lines
3.4 KiB
JavaScript
98 lines
3.4 KiB
JavaScript
/**
|
|
* TinyMCE version 6.6.2 (2023-08-09)
|
|
*/
|
|
|
|
(function () {
|
|
'use strict';
|
|
|
|
var global$2 = tinymce.util.Tools.resolve('tinymce.PluginManager');
|
|
|
|
var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
|
|
|
|
var global = tinymce.util.Tools.resolve('tinymce.util.Tools');
|
|
|
|
const option = name => editor => editor.options.get(name);
|
|
const getContentStyle = option('content_style');
|
|
const shouldUseContentCssCors = option('content_css_cors');
|
|
const getBodyClass = option('body_class');
|
|
const getBodyId = option('body_id');
|
|
|
|
const getPreviewHtml = editor => {
|
|
var _a;
|
|
let headHtml = '';
|
|
const encode = editor.dom.encode;
|
|
const contentStyle = (_a = getContentStyle(editor)) !== null && _a !== void 0 ? _a : '';
|
|
headHtml += '<base href="' + encode(editor.documentBaseURI.getURI()) + '">';
|
|
const cors = shouldUseContentCssCors(editor) ? ' crossorigin="anonymous"' : '';
|
|
global.each(editor.contentCSS, url => {
|
|
headHtml += '<link type="text/css" rel="stylesheet" href="' + encode(editor.documentBaseURI.toAbsolute(url)) + '"' + cors + '>';
|
|
});
|
|
if (contentStyle) {
|
|
headHtml += '<style type="text/css">' + contentStyle + '</style>';
|
|
}
|
|
const bodyId = getBodyId(editor);
|
|
const bodyClass = getBodyClass(editor);
|
|
const isMetaKeyPressed = global$1.os.isMacOS() || global$1.os.isiOS() ? 'e.metaKey' : 'e.ctrlKey && !e.altKey';
|
|
const preventClicksOnLinksScript = '<script>' + 'document.addEventListener && document.addEventListener("click", function(e) {' + 'for (var elm = e.target; elm; elm = elm.parentNode) {' + 'if (elm.nodeName === "A" && !(' + isMetaKeyPressed + ')) {' + 'e.preventDefault();' + '}' + '}' + '}, false);' + '</script> ';
|
|
const directionality = editor.getBody().dir;
|
|
const dirAttr = directionality ? ' dir="' + encode(directionality) + '"' : '';
|
|
const previewHtml = '<!DOCTYPE html>' + '<html>' + '<head>' + headHtml + '</head>' + '<body id="' + encode(bodyId) + '" class="mce-content-body ' + encode(bodyClass) + '"' + dirAttr + '>' + editor.getContent() + preventClicksOnLinksScript + '</body>' + '</html>';
|
|
return previewHtml;
|
|
};
|
|
|
|
const open = editor => {
|
|
const content = getPreviewHtml(editor);
|
|
const dataApi = editor.windowManager.open({
|
|
title: 'Preview',
|
|
size: 'large',
|
|
body: {
|
|
type: 'panel',
|
|
items: [{
|
|
name: 'preview',
|
|
type: 'iframe',
|
|
sandboxed: true,
|
|
transparent: false
|
|
}]
|
|
},
|
|
buttons: [{
|
|
type: 'cancel',
|
|
name: 'close',
|
|
text: 'Close',
|
|
primary: true
|
|
}],
|
|
initialData: { preview: content }
|
|
});
|
|
dataApi.focus('close');
|
|
};
|
|
|
|
const register$1 = editor => {
|
|
editor.addCommand('mcePreview', () => {
|
|
open(editor);
|
|
});
|
|
};
|
|
|
|
const register = editor => {
|
|
const onAction = () => editor.execCommand('mcePreview');
|
|
editor.ui.registry.addButton('preview', {
|
|
icon: 'preview',
|
|
tooltip: 'Preview',
|
|
onAction
|
|
});
|
|
editor.ui.registry.addMenuItem('preview', {
|
|
icon: 'preview',
|
|
text: 'Preview',
|
|
onAction
|
|
});
|
|
};
|
|
|
|
var Plugin = () => {
|
|
global$2.add('preview', editor => {
|
|
register$1(editor);
|
|
register(editor);
|
|
});
|
|
};
|
|
|
|
Plugin();
|
|
|
|
})();
|