vue2.6+ 实现tinymce5富文本编辑器以及图片上传

1. 安装tinymce
   npm install tinymce -S
   npm install @tinymce/tinymce-vue -S
3. 下载中文语言包

4. 地址：https://www.tiny.cloud/get-ti...
   下载选中的中文包
   
   下载完之后在项目里新建public文件夹

   1）在public目录下新建tinymce文件夹，并将下载的语言包解压到该目录下

   2）在node_modules里面找到tinymce，将skins目录复制到public/tinymce里面，目录如下：

   3.tinymce使用
   1）封装组件

   注：当遇到报错信息 Uncaught SyntaxError: Unexpected token '<' 时，检查引入的 语言包 和 编辑器主题 的路径是否正确
   语言包的路径引入不需要加 public/static 文件夹
   4.组件注册及使用

   1)在main.js中全局注册

   import TEditor from '@/views/components/TEditor.vue'
   Vue.component('TinymceEditor',TEditor)
   

   2)在页面使用

    TinymceEditor>
   el-form-item>

   效果图：
   
   到此富文本编辑器就完美实现啦！如果需要其它插件可去官网查询。。。官方地址：http://tinymce.ax-z.cn

   文章来源: segmentfault.com，作者：NSDgrr，版权归原作者所有，如需转载，请联系作者。

   原文链接：segmentfault.com/a/1190000038567428