WebEditor 富文本编辑器
基于 Quill
的富文本编辑器组件,提供所见即所得的内容编辑功能。
基础用法
基础的富文本编辑器用法,支持常用的文本编辑功能。
只读模式
当需要展示富文本内容但不需要编辑时,可以使用只读模式。
图片上传
支持图片上传功能,可自定义上传接口和处理逻辑。
自定义内容
可以通过default slot 插槽自定义编辑器的额外功能区域,常用于添加字数统计、额外按钮等功能。
API
WebEditor 属性
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
v-model | 编辑器内容,可使用 v-model 双向绑定 | string | - |
disabled | 是否禁用编辑器,禁用后将变为只读模式 | boolean | false |
on-img-upload | 图片上传处理函数,用于自定义图片上传逻辑 | Function | - |
WebEditor 插槽
插槽名 | 说明 |
---|---|
default | 自定义默认内容,可通过它来自定义实现显示统计字数或其他相关功能 |