vue中使用富文本编辑器

        使用的是 tinymce 第三方插件

       npm install tinymce
       npm install @tinymce/tinymce-vue

封装组件

 components 下新增 editor 目录

新增 editor.vue 文件

/**
 * 富文本编辑器组件
 * (c) 2024-02
 * @param {String} value 绑定的数据字段
 * @param {Boolean} disabled 是否禁用，默认值 false
 * @param {Boolean} menubar 是否显示菜单栏，默认值 false
 * @param {Boolean} statusbar 是否显示状态栏，默认值 true
 * @param {Boolean} resize 是否可以拖动高度，默认值 true
 * @param {Number} height 编辑器高度，默认值 400
 * @param {String | Array} plugins 编辑器插件
 * @param {String | Array} toolbar 编辑器工具栏
 * @example: 
 */

 同目录下新增导出文件 index.js

export {default} from './editor.vue';

需要注意！！！

有几个样式文件和语言文件需要单独引入到 public 目录下

最后就可以直接导入使用了