Vue2.x安装Tinymce依赖冲突解决

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英文官网(最新)

tinymce中文文档网(大神网友翻译,较旧)