/** * TinyMCE version 6.4.2 (2023-04-26) */ (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(); })();