tinymce性能-多次加載CSS

Question

我有一個頁面，其中包含大量啟用了tinymce的文本區域，這需要大量時間才能加載。 顯然，每個textarea都請求相同的CSS文件（ content.min.css ）。

那么，有沒有一種方法可以加快包含大量微小區域的頁面？

我要分別初始化每個人，因為我要為每個編輯器設置一個獨立的功能。

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將被加載一次，因為頁面上實際上只有一個實例被實際調用。