1.安装wangeditor/editor
yarn add @wangeditor/editor
具体可查看官网安装 | wangEditor开源 Web 富文本编辑器,开箱即用,配置简单https://www.wangeditor.com/v5/installation.html
2.使用wangeditor/editor
需引入组件:import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
<Toolbar style="border-bottom: 1px solid #ccc" :editor="editor" :defaultConfig="toolbarConfig" :mode="mode" />
<Editor style="height: 500px; overflow-y: hidden;" v-model="html" :defaultConfig="editorConfig" :mode="mode"
@onCreated="onCreated" @onChange="onChange" />