15、Vue CLI 3+tinymce 5富文本编辑器整合

富文本编辑器里大佬们都说tinymce NB！

插件安装

inymce官方提供了一个vue的组件tinymce-vue
如果有注册或购买过服务的话，直接通过组件配置api-key直接使用，懒的注册或者购买的直接下载tinymce

安装tinymce

npm install tinymce -S

安装tinymce-vue

npm install @tinymce/tinymce-vue -S

package.json

"@tinymce/tinymce-vue": "^2.1.0",
"tinymce": "^5.0.11",

下载中文语言包

tinymce提供了很多的语言包，这里我们下载中文语言包
地址：https://www.tiny.cloud/get-tiny/language-packages/

下载完后放到静态文件public目录下

1、在public目录下新建tinymce，将上面下载的语言包解压到该目录
2、在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面

tinymce使用

封装成组件

组件引用

更详细看官方api