在 Vue 中引入 Tinymce 富文本编辑器

在 Vue 脚手架中 Tinymce 富文本编辑器

废话不多说，直接开始

1.下载依赖：

​ 下载 tinymce 和 tinymce-vue

​ npm i tinymce tinymce-vue -S

2.复制内容和样式包

1. 在 node_modules 文件夹中找到 tinymce/skins 文件，复制到 **public/tinymce **文件夹下
   

2. 下载 中文包 解压后 复制到 tinymce/langs 文件中

   中文包 https://www.tiny.cloud/get-tiny/language-packages/

   

3.创建 tinymce-editor 组件

更多的插件可以参考：https://www.tiny.cloud/docs/plugins/
更多事件参照文档： https://github.com/tinymce/tinymce-vue （找All available events）

4.在需要的页面中引入

5.大功告成