基于vue-element-plus-admin这个框架,里面的富文本编辑器就是wangeditor,用这个框架的可以省去前面两步
1.首先第一步安装
npm i @wangeditor/editor @wangeditor/editor-for-vue
2.第二步引入css样式和组件
import '@wangeditor/editor/dist/css/style.css' // 引入 css
import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
3.详细代码
注意:一定要在初始化的时候创建editor实例
不加z-index和定位就会出现下面的情况,退出弹框和富文本同时出现。
预览效果图: