javascript - tinymce 4 - 仅在需要时设置 css 文件(否则，什么都不做)

Question

我正在使用 tinyMCE 4，并且只想在特定页面上加载特定的 css。

我知道可以在 init 函数上添加 `content_css: "/path/to/my/file.css"(而且效果很好)。

但是因为我只想在特定页面上使用它，所以我想动态添加它。

我试过使用 tinymce.DOM.loadCSS() 指令，但它不起作用。请参阅文档: http://www.tinymce.com/wiki.php/api4:method.tinymce.dom.DOMUtils.loadCSS

我也尝试过 tinymce.get('someid').dom.loadCSS('somepath/some.css'); 但我得到以下信息:错误:TypeError : tinyMCE.get(...) 未定义

我会很感激一些帮助。提前致谢

Answer 1

完成这项工作的一个解决方案是向 init 函数添加一个设置函数:

tinymce.init({
// include newsletter css file
setup: function(editor) {
    editor.on('PreInit', function(e) {
        if(typeof mycsspath !== "undefined") {
            tinyMCE.activeEditor.dom.loadCSS(mycsspath);
        }
    });
},
// other config options there
// ...
});