vue中使用富文本编辑器，@tinymce/tinymce-vue

       富文本就是在后台管理系统中常见的录入带格式的内容，如：表格，字体加粗，斜体，文字颜色等等，就像一个word一样。类似于这样的效果：

我们使用通用在线编辑器tinymce。支持vue和react。

1. 安装

npm i @tinymce/tinymce-vue -S   

要注意版本，我使用的是5.1.1。

2. 在vue组件里导入

import Editor from '@tinymce/tinymce-vue';

如果是选项式api的话，需要做组件注册。

3. 在模板上渲染

4. 操作富文本实例

editorref.value.getEditor()

5、获取内容【这是最关键的一步】

editorref.value.getEditor().getContent()

完整代码【使用element-plus和ts】：