内容简介：尝试整个vue+tinymce的时候遇到点问题（之前说过，本来是用quillJS的。但如果要发表的内容支持那些微信编辑器里复制过来的内容。quill自己定义过的一些虚拟DOM就不支持了）希望是美好的，实现起来是麻烦的，最后我放弃所有的选项，改用弹框iframe的形式。然而，问题就这么来了，tinymce5的dialog居然不支持iframe了。比如你看这个：https://github.com/tinymce/tinymce/issues/4786，官方直接说不支持了。NND不过有人提示说，可以利用html
尝试整个vue+tinymce的时候遇到点问题（之前说过，本来是用quillJS的。但如果要发表的内容支持那些微信编辑器里复制过来的内容。quill自己定义过的一些虚拟DOM就不支持了）
希望是美好的，实现起来是麻烦的，最后我放弃所有的选项，改用弹框iframe的形式。然而，问题就这么来了，tinymce5的dialog居然不支持iframe了。比如你看这个：https://github.com/tinymce/tinymce/issues/4786，官方直接说不支持了。NND
不过有人提示说，可以利用htmlpanel，直接在htmlpanel的html标签里，用<iframe。。。然后我试了一下。。居然真的OK
好吧，直接参考 这个了！https://github.com/tinymce/tinymce/issues/4786#issuecomment-463827289
JS文件：
JavaScript代码
function FileManager(callback, value, meta) {
var windowManagerURL = "/FilManage";// filemanager path
var windowManagerCSS = '<style type="text/css">' +
'.tox-dialog {max-width: 100%!important; width:97.5%!important; overflow: hidden; height:95%!important; border-radius:0.25em;}' +
'.tox-dialog__header{ display:none!important; }' +// for custom header in filemanage
'.tox-dialog__footer { display: none!important; }' +// for custom footer in filemanage
'.tox-dialog__body { padding: 0!important; }' +
'.tox-dialog__body-content > div { height: 100%; overflow:hidden}' +
'</style > ';
window.tinymceCallBackURL = '';
window.tinymceWindowManager = tinymce.activeEditor.windowManager;
tinymceWindowManager.open({
title: '',
body: {
type: 'panel',
items: [{
type: 'htmlpanel',
html: windowManagerCSS+ '<iframe src="' + windowManagerURL + '" frameborder="0" style="width:100%; height:100%"></iframe>'
}]
},
buttons: [] ,
onClose: function () {
if (tinymceCallBackURL!='')
callback(tinymceCallBackURL, {}); //to set selected file path
}
} );
}
iframe中：
JavaScript代码
var windowManager = top != undefined && top.tinymceWindowManager != undefined ? top.tinymceWindowManager : '';
if (windowManager != '') {
if (top.tinymceCallBackURL != undefined)
top.tinymceCallBackURL = path;
windowManager.close();
}
", 保留原始链接, 此外还必须标注原文标题和链接.
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 支持向量机（一）：支持向量机的分类思想
- Vardump 更新，支持打印各种 Java 数据结构，支持嵌套
- Vardump 更新，支持打印各种 Java 数据结构，支持嵌套
- NutzBoot v2.1.5 添加单元测试支持及 ssdb 支持
- iView 3.1.0 版本：支持 TypeScript，支持 Vue CLI 3
- Mesalink v1.0.0 发布，正式支持 TLS 1.3 和 IPv6，支持CMake编译，支持Windows，实现生产环境可用
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Spring in Action
Craig Walls / Manning Publications / 2011-6-29 / USD 49.99
Spring in Action, Third Edition has been completely revised to reflect the latest features, tools, practices Spring offers to java developers. It begins by introducing the core concepts of Spring and......一起来看看 《Spring in Action》 这本书的介绍吧!
