无法在目标节点上初始化TinyMCE:加载样式表崩溃



我正试图在现有DOM元素上初始化TinyMCE,如下所示:

tinymce.init({
target: editorNode,
menubar: true,
inline: true
});

此操作失败,控制台中出现以下错误:

tinymce.js:3193 Uncaught TypeError: Cannot read property 'length' of undefined
at tinymce.js:3193
at wait (tinymce.js:3182)
at HTMLLinkElement.waitForWebKitLinkLoaded (tinymce.js:3191)

当我调试它时,看起来TinyMCE正在尝试加载样式表(这很好(,但它使用目标元素documentOrShadowRoot来调用

var styleSheets = documentOrShadowRoot.styleSheets;
var i = styleSheets.length;

这显然是失败的,因为这不是保存样式表的地方。

你知道我做错了什么吗?

当我在新的模态窗口中添加编辑器时,我也遇到了同样的错误。尝试先将editorNode附加到DOM,然后调用tinymce,或者只是延迟tinymce初始化,例如:

setTimeout(function() {
tinymce.init({
(...)
target : editorNode
})
}, 10);

这解决了我的问题。:(

最新更新