vue3.0 cli4.5+ tinymce 富文本编辑器

vue3.0 cli4.5+ tinymce 富文本编辑器

安装和配置tinymce

1. yarn add tinymce -S
2. yarn add @tinymce/tinymce-vue -S
3. 前往此地址下载中文汉化包： https://www.tiny.cloud/get-tiny/language-packages/

4. 解压汉化包，拿到langs文件夹，放到项目 public/tinymce下（tinymce需要自己创建）
5. 将nodeModules/tinymce 下的skins文件夹复制到项目 public/tinymce下

备注：如果有表情图引入报错，可以把 emoticons 文件夹也一起复制过来放到 tinymce 目录下

【详细配置文件 请看代码 src/components/myEditor】

效果如下：

附上github地址：https://github.com/ruofikon/vue3.0-tinymce-.git：