tinymce performance - 多次加载css

Question

我有一个包含大量启用了文本区域的页面，这需要花费大量时间来加载。它显然是每个textarea请求相同的css文件（content.min.css）。

那么有没有办法加速拥有大量tinymce区域的页面？

我是独立初始化每一个因为我为每个编辑器设置了一个独立的功能。

tinymce.init({ theme: 'modern', plugins: 'link lists code textcolor', toolbar1: 'undo redo ...', menubar: false, forced_root_block: false, selector:'textarea[unique_id=' + unique_id + ']', setup : function(ed) { var change_func = function(e) { input.val(ed.getContent()); debounce_func(); } ed.on('keyup', change_func); ed.on('change', change_func); } });

谢谢！

编辑： 我想知道如果一次初始化会更好，所以我只需要调用tinymce.init就可以初始化所有textareas，但它没有做任何改进

Answer 1

如果您使用标准方法加载TinyMCE，则必须为每个编辑器加载CSS，因为每个编辑器都在一个单独的iFrame中（有效地）就像一个单独的浏览器窗口。他们无法在iFrame上共享CSS。

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