vue3中使用富文本编辑器【wangEditor】

wangEditor官方文档：wangEditor开源 Web 富文本编辑器，开箱即用，配置简单https://www.wangeditor.com/  

安装：

npm i -S @wangeditor/editor @wangeditor/editor-for-vue@next

 实现代码：

 效果图：

其他：

import { createEditor } from '@wangeditor/editor'

 let htmlStr = createEditor({ html: content }).getText()

注意：编辑器中的代码内容千万不要出现单引号！不要出现单引号！不要出现单引号！否则会崩。可以用双引号和``

自定义工具条内容：

在toolbarKeys中配置

const toolbarConfig = {
    toolbarKeys: ["codeBlock"],
};