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

1. 安装tinymce
   npm install tinymce -S
   npm install @tinymce/tinymce-vue -S

1. 下载中文语言包

地址：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)在页面使用

效果图：

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