Vue and TinyMCE Issue



我正在尝试将TinyMCE编辑器集成到我的Vue应用程序中。从开发者工具控制台,我可以访问tinymce对象并对其进行操作。例如:

tinymce.activeEditor.selection.setContent('I am a replacement')

上述代码将替换TinyMCE编辑器中选定的文本。我想从Vue中处理tinymce对象(在多个组件中(,但我不确定如何访问它。当我将上述代码输入函数时,我得到的确切错误是:错误"tinymce"没有定义,没有undef

任何帮助都将不胜感激。非常感谢。

在没有看到任何代码的情况下,很难说为什么会发生这种情况。记录您如何实例化TinyMCE会有所帮助。

根据错误消息,我假设您正在使用TinyMCE Vue组件/包装器将TinyMCE注入到Vue组件中。默认情况下,直到运行时才真正加载核心TinyMCE编辑器,并且在那个时候它通过TinyMCE云服务器加载东西。

您看到的错误是您的linting工具(eslint?(抱怨您试图调用一个变量tinymce,但该变量没有在任何地方定义。

有几种方法可以选择"修复"eslint抱怨:

1-通过全局窗口对象访问tinymce

window.tinymce

2-用esint的指令包装代码,使其不检查未定义的变量:

/*eslint-disable no-undef*/
...
/*eslint-enable no-undef*/

https://eslint.org/docs/user-guide/configuring#disabling-带内联注释的规则

3-在.eslintrc文件中定义全局

{
"globals": {
"tinymce": true
}
}

https://eslint.org/docs/user-guide/configuring#specifying-全球

最新更新