好用的富文本插件推荐（wangEditor），欢迎探讨

我推荐的是wangEditor v5版本，第一次接触富文本插件就是在百度上面找插件，下载了几个感觉还是wangEditor好用，根据百度的指引下载了wangEditor v2的版本，感觉还是很好用的，就这需要更改某些配置的时候，发先用的版本很老，并且不太符合我的需求，就看了一下v5的版本，发现配置很好用，就开始下载v5的版本，看来一下文档
心想完了，ts是一点都不会，完全看不懂，改了好几次反正是不报错了，可以正常的使用

1. 通过npm 下载

npm install @wangeditor/editor --save

2.定义html结构

//编辑器和工具栏是强制分离的，所以要定义两个div
<div id="toolbar-container"></div>
<div id="editor-container"></div>

3.引入和创建编辑器

// npm 安装
import '@wangeditor/editor/dist/css/style.css'
import { createEditor, createToolbar, IEditorConfig, IDomEditor } from '@wangeditor/editor'


const editorConfig = {}
editorConfig.placeholder = '请输入内容'
editorConfig.onChange = (editor) => {
  // 当编辑器选区、内容变化时，即触发
  console.log('content', editor.children)
  console.log('html', editor.getHtml())

}
// 工具栏配置
const toolbarConfig = {

}
// 创建编辑器
const editor = createEditor({
  selector: '#editor-container',
  config: editorConfig,
  mode: 'default' // 或 'simple' 参考下文default 默认模式  simple 简洁模式
})
// 创建工具栏
const toolbar = createToolbar({
  editor,
  selector: '#toolbar-container',
  config: toolbarConfig,
  mode: 'default' // 或 'simple' 参考下文
})

其他文件点击进入官网查看wangEditor