Skip to content

WebEditor 富文本编辑器

基于 Quill 的富文本编辑器组件,提供所见即所得的内容编辑功能。

基础用法

基础的富文本编辑器用法,支持常用的文本编辑功能。

只读模式

当需要展示富文本内容但不需要编辑时,可以使用只读模式。

图片上传

支持图片上传功能,可自定义上传接口和处理逻辑。

自定义内容

可以通过default slot 插槽自定义编辑器的额外功能区域,常用于添加字数统计、额外按钮等功能。

API

WebEditor 属性

属性名说明类型默认值
v-model编辑器内容,可使用 v-model 双向绑定string-
disabled是否禁用编辑器,禁用后将变为只读模式booleanfalse
on-img-upload图片上传处理函数,用于自定义图片上传逻辑Function-

WebEditor 插槽

插槽名说明
default自定义默认内容,可通过它来自定义实现显示统计字数或其他相关功能

基于 MIT 许可发布