vue2.x 富文本编辑器Tinymce tinymce-vue 使用记录

第一步 引入（我是用的是这个版本）

npm install [email protected] -S
npm install @tinymce/[email protected] -S

第二步

找到 node_modules 下的  tinymce 将其目录下的 skins  themes 复制到 static/tinymce  下，这里的langs是我自己加的汉化语言包，语言包下载地址：Language Packages | Trusted Rich Text Editor | TinyMCE

第三步  组件封装

下面的路径是根据项目中实际的文件位置设置的 

 

4、组件使用

5、效果展示（我这里用到的功能少，需要添加的自己改配置添加进去就好了）

 

遇到的问题：

1、富文本框，渲染了，但是在页面不显示（要设置了正确的skin_url,富文本编辑器才能正常显示）

2、总是报“Uncaught SyntaxError: Unexpected token<”的错误

我之前一直觉得是版本的问题，换了版本还是报错，后面把该引入的文件位置放正确了（初始化配置的路径，static文件里面的），就不报错了。