Vue2无构建工具引入TinyMCE报"Editor is not defined"错误求助

问题原因 #

你碰到的Editor is not defined报错是两个问题共同导致的：

• 直接通过CDN引入tinymce-vue时，组件不会默认抛出名为Editor的变量，适配Vue2的3.x版本tinymce-vue会把组件构造函数挂载到全局window.TinyMCEVue下
• 你使用了type="module"的script标签，模块作用域无法直接读取全局变量，需要主动从window对象上取
  另外你当前引入的tinymce-vue如果是最新版，默认适配Vue3，会和你用的Vue2不兼容，需要先修正CDN版本。

修复步骤 #

1. 替换tinymce-vue的CDN地址为适配Vue2的3.x版本：

<script src="https://cdn.jsdelivr.net/npm/tinymce-vue@3.2.8/dist/tinymce-vue.min.js"></script>

2. 修改组件注册逻辑，从全局获取tinymce-vue组件：
   把你原来的components配置改成如下即可：

components: {
  'editor': window.TinyMCEVue
}

3. 顺便修复你代码里的标签语法错误：
   原来的input标签少了class属性的闭合引号，修正为：

<input class="detail_update" id="name" type="text" v-model="editrow.name" />

修改完以上三点即可解决组件未定义的报错。

内容的提问来源于stack exchange，提问作者Kevin Justice