You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
4.8 KiB
143 lines
4.8 KiB
/* eslint-disable no-undef */
|
|
/**
|
|
* Copyright (c) Tiny Technologies, Inc. All rights reserved.
|
|
* Licensed under the LGPL or a commercial license.
|
|
* For LGPL see License.txt in the project root for license information.
|
|
* For commercial licenses see https://www.tiny.cloud/
|
|
*
|
|
* Version: 5.7.0 (2021-02-10)
|
|
*/
|
|
|
|
(function() {
|
|
'use strict'
|
|
|
|
var global = tinymce.util.Tools.resolve('tinymce.PluginManager')
|
|
|
|
var global$1 = tinymce.util.Tools.resolve('tinymce.Env')
|
|
|
|
var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools')
|
|
|
|
var getContentStyle = function(editor) {
|
|
return editor.getParam('content_style', '', 'string')
|
|
}
|
|
var shouldUseContentCssCors = function(editor) {
|
|
return editor.getParam('content_css_cors', false, 'boolean')
|
|
}
|
|
var getBodyClassByHash = function(editor) {
|
|
var bodyClass = editor.getParam('body_class', '', 'hash')
|
|
return bodyClass[editor.id] || ''
|
|
}
|
|
var getBodyClass = function(editor) {
|
|
var bodyClass = editor.getParam('body_class', '', 'string')
|
|
if (bodyClass.indexOf('=') === -1) {
|
|
return bodyClass
|
|
} else {
|
|
return getBodyClassByHash(editor)
|
|
}
|
|
}
|
|
var getBodyIdByHash = function(editor) {
|
|
var bodyId = editor.getParam('body_id', '', 'hash')
|
|
return bodyId[editor.id] || bodyId
|
|
}
|
|
var getBodyId = function(editor) {
|
|
var bodyId = editor.getParam('body_id', 'tinymce', 'string')
|
|
if (bodyId.indexOf('=') === -1) {
|
|
return bodyId
|
|
} else {
|
|
return getBodyIdByHash(editor)
|
|
}
|
|
}
|
|
|
|
var getPreviewHtml = function(editor) {
|
|
console.log(editor)
|
|
var headHtml = ''
|
|
var encode = editor.dom.encode
|
|
var contentStyle = getContentStyle(editor)
|
|
headHtml += '<base href="' + encode(editor.documentBaseURI.getURI()) + '">'
|
|
var cors = shouldUseContentCssCors(editor) ? ' crossorigin="anonymous"' : ''
|
|
global$2.each(editor.contentCSS, function(url) {
|
|
headHtml += '<link type="text/css" rel="stylesheet" href="' + encode(editor.documentBaseURI.toAbsolute(url)) + '"' + cors + '>'
|
|
})
|
|
if (contentStyle) {
|
|
headHtml += '<style type="text/css">' + contentStyle + '</style>'
|
|
}
|
|
|
|
// ----------------------------------
|
|
global$2.each(editor.hmPluginCss, function(url) {
|
|
headHtml += `<link type="text/css" rel="stylesheet" href="${encode(editor.documentBaseURI.toAbsolute(url))}" ${cors}/>`
|
|
})
|
|
|
|
global$2.each(editor.hmBaseScripts, function(src) {
|
|
headHtml += `<script src="${encode(editor.documentBaseURI.toAbsolute(src))}" ${cors}></script>`
|
|
})
|
|
|
|
global$2.each(editor.hmPluginScript, function(src) {
|
|
headHtml += `<script src="${encode(editor.documentBaseURI.toAbsolute(src))}" ${cors}></script>`
|
|
})
|
|
|
|
var bodyId = getBodyId(editor)
|
|
var bodyClass = getBodyClass(editor)
|
|
var isMetaKeyPressed = global$1.mac ? 'e.metaKey' : 'e.ctrlKey && !e.altKey'
|
|
var 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> '
|
|
var directionality = editor.getBody().dir
|
|
var dirAttr = directionality ? ' dir="' + encode(directionality) + '"' : ''
|
|
var 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
|
|
}
|
|
|
|
var open = function(editor) {
|
|
var content = getPreviewHtml(editor)
|
|
var dataApi = editor.windowManager.open({
|
|
title: 'Preview',
|
|
size: 'large',
|
|
body: {
|
|
type: 'panel',
|
|
items: [{
|
|
name: 'preview',
|
|
type: 'iframe',
|
|
sandboxed: true
|
|
}]
|
|
},
|
|
buttons: [{
|
|
type: 'cancel',
|
|
name: 'close',
|
|
text: 'Close',
|
|
primary: true
|
|
}],
|
|
initialData: { preview: content }
|
|
})
|
|
dataApi.focus('close')
|
|
}
|
|
|
|
var register = function(editor) {
|
|
editor.addCommand('cmdhmpreview', function() {
|
|
open(editor)
|
|
})
|
|
}
|
|
|
|
var register$1 = function(editor) {
|
|
editor.ui.registry.addButton('hmpreview', {
|
|
icon: 'preview',
|
|
tooltip: 'Preview',
|
|
onAction: function() {
|
|
return editor.execCommand('cmdhmpreview')
|
|
}
|
|
})
|
|
editor.ui.registry.addMenuItem('hmpreview', {
|
|
icon: 'preview',
|
|
text: 'Preview',
|
|
onAction: function() {
|
|
return editor.execCommand('cmdhmpreview')
|
|
}
|
|
})
|
|
}
|
|
|
|
function Plugin() {
|
|
global.add('hmpreview', function(editor) {
|
|
register(editor)
|
|
register$1(editor)
|
|
})
|
|
}
|
|
|
|
Plugin()
|
|
}())
|