Vue 3.x 集成tinymce 5.x富文本编辑器

前言

以前用过百度编辑器，一把辛酸泪，各种坑+长期无人维护。于是新项目用上了号称世界第一的tinymce. 去官网溜达一圈后，果断放弃，一是访问速度慢，二是文档不友好。参考了很多博主的文章，总算是集成成功。

步骤

• 安装tinymce

npm install --save @tinymce/tinymce-vue
npm install --save tinymce

• 引入tinymce

import Editor from '@tinymce/tinymce-vue'
import tinymce from 'tinymce/tinymce'
import 'tinymce/themes/silver/theme'

• 拷贝tinymce/skins目录到public/tinymce下
• 引入组件，language_url指向中文包地址，skin_url指向皮肤地址，均在public/tinymce/skin下。init_instance_callback为初始化完成事件。

data()