在ts/vue2中使用tinymce富文本编辑器

使用Ts书写的vue2项目如何使用tinymce富文本编辑器，一起来看看吧

1.安装tinymce

npm install tinymce -S    /     yarn add tinymce

2.安装@tinymce/tinymce-vue

npm install @tinymce/[email protected] -S    /    yarn add @tinymce/[email protected]

默认安装tinymce-vue最新版本是4.0，已经用的vue3.0的了，所以要使用之前版本
3.在 node_modules 中找到 tinymce/skins 目录，然后将 skins 目录拷贝到 public目录下
4.tinymce 默认是英文界面，所以还需要下载一个中文包，复制到 public/tinymce目录下

示例.png

5.组件封装

6.页面使用

7.实现效果

image.png