Vue2.x安装Tinymce依赖冲突原因
- 使用vue整合tinymce富文本编辑器,安装依赖时报错
- 报错的原因是下载版本与vue的版本对不上
- Vue2.x版本且Vue-cli 4.x应该使用如下指定版本依赖更合适
npm install --save @tinymce/tinymce-vue@^3.0.1
- 额外依赖为
npm install --save tinymce@^5.1.0
-
在使用tinymce富文本编辑器,页面没有显示编辑器的图标,而是显示!not found!
-
或是查看控制台显示Uncaught SyntaxError: Unexpected token ‘<’
-
解决办法:找到引入Editor的vue文件或是component组件,
-
在js中引入
import 'tinymce/icons/default'
即可 -
其他Vue版本
-
而Vue3.x版本应使用
npm install --save @tinymce/tinymce-vue@^4
更多内容详见 tinymce英文官网(最新)