我正在尝试将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-全球