wangeditor5-for-vue3

在 Vue3 中使用 wangEditor v5

快速开始 在线示例 open in new window

动态配置

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

双向绑定

支持 v-model、v-model:json 和 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() 可优雅的实现在不同文章间的来回切换

增强模式

WeEditorPlus 组件能隔绝全局的样式污染,解决你因样式而造成的困扰

兼容性

  • vue@^3
  • @wangeditor/editor@^5.0.0

交流