1.0.1 • Published 3 years ago
quill-editor-vue v1.0.1
QuillEditor
介绍
QuillEditor 是一个基于quill封装的富文本组件。仅支持 vue3.x 版本。
引入
import { QuillEditor } from 'quill-editor-vue'代码演示
基础用法
<QuillEditor v-model="html" placeholder="placeholder" :options="options" />API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 双向绑定 HTML 内容 | string | - |
| placeholder | 未输入内容时的占位内容 | string | - |
| options | quill 参数（不支持响应式绑定） | QuillOptionsStatic | - |
| disabled | 是否禁用编辑 | boolean | false |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| ready | quill 实例初始化时触发 | ql: Quill |
| text-change | quill 文本内容改变时触发 | html: string, text: string, ql: Quill |
| update:modelValue | quill 内容改变时触发 | html: string, ql: Quill |
| selection-change | 透传 quill selection-change 事件 | range: RangeStatic, oldRange: RangeStatic, ql: Quill |
| focus | 编辑框获得焦点时触发 | ql: Quill |
| blur | 编辑框失去焦点时触发 | ql: Quill |