javascript - tinymce性能-多次加载css

Question

我有一个页面，其中包含大量启用tinymce的文本区域，加载需要花费大量时间。显然，每个文本区域都请求相同的 css 文件 (content.min.css)。

那么有没有一种方法可以加快具有大量tinymce区域的页面的速度？

我独立初始化每个编辑器，因为我使用独立的函数设置每个编辑器。


tinymce.init({
主题:“现代”，
插件:'链接列表代码文本颜色'，
Toolbar1: '撤消重做...',
菜单栏:假，
强制根 block :假，
选择器:'textarea[unique_id=' + unique_id + ']',
设置:函数(ed){
var change_func = 函数(e) {
input.val(ed.getContent());
debounce_func();
}
ed.on('keyup',change_func);
ed.on('更改',change_func);
}
});


谢谢!

编辑:我想知道一次性初始化所有内容是否会更好，因此我通过一次调用 tinymce.init 来初始化所有文本区域，但它没有做出任何改进

Answer 1

如果您使用标准方法加载 TinyMCE，则必须为每个编辑器加载 CSS，因为每个编辑器都位于一个单独的 iFrame 中，该 iFrame(实际上)就像一个单独的浏览器窗口。他们无法在 iFrame 之间共享 CSS。

如果您使用内联模式，CSS 将加载一次，因为页面上只实际调用了一个编辑器实例。