wangeditor5-for-vue3

在 Vue3 中使用 wangEditor5。

wangEditor 是一款开源 Web 富文本编辑器，开箱即用，配置简单

在线示例

https://clinfc.github.io/wangeditor5-for-vue3/element-plus

快速开始

1yarn add @wangeditor/editor wangeditor5-for-vue3
2// or
3npm install @wangeditor/editor wangeditor5-for-vue3

用户文档

• wangeditor
• wangeditor5-for-vue2
• wangeditor5-for-vue3

功能亮点

• 动态配置

  符合 Vue 使用习惯，数据驱动，通过修改配置即可更新编辑器（编辑器创建后修改配置项仍生效）

• 双向绑定

  支持 v-model:json、v-model:json.string 和 v-model:html 三种形式的双向绑定，分别对应 json array、json string 和 html string 三种形式的数据

• 表单验证

  目前已支持 element-plus、ant-design-vue@^3 和 naive-ui 的表单验证，还可以自定义表单验证的执行逻辑

• 初始内容

  编辑器创建时的默认内容配置项支持 json array、json string 和 html string 三种格式的数据

• 优雅切换

  defaultContent/defaultHtml + reloadEditor() 可优雅的实现在不同文章间的来回切换

示例代码

见 example/element-plus 目录。

兼容性

• vue@^3.2.38
• @wangeditor/editor@^5.1.15

交流

• 提交 issues
• QQ 群：343186156