vue 项目中使用tinymce+tinymce-vue


搭建了个vue的简单架子,给后端开发后台管理用,他们要求使用tinymce+tinymce-vue富文本编辑器,虽然咱一直用Vue-Quill-Editor,但是要求提出来了咱就满足。很直接的找了个介绍文档就干了,但是报错了,各种找不到模块啥的,咱也就不浪了,好好看吧。

1.如果你是vue3.x 那么你直接

   npm install tinymce -S

   然后 npm install @tinymce/tinymce-vue -S

   再然后把node_modules/tinymce下的skins 文件夹copy到public文件夹下

   最后下载语言包,把里面的js文件也放进去

语言包下载

2.如果你是2.x的话,就要固定版本了!!!我就是2.x的版本用了上面的方式,惭愧啊

  npm install tinymce@5.1.0 -S

  npm install @tinymce/tinymce-vue@3.0.1 -S

  然后把上面说的文件copy到static文件夹下

当然,这是我使用的版本,也可用自己合适的

3.最后要注意 别忘了改edit的init配置,文件路径要指向你刚才放置的路径


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM