V3-quill NPM | npm.io

vue3-quill

npm install --save-dev v3-quill

import v3Quill from "v3-quill"
import "v3-quill/dist/style.css"
main.ts 中注册组件
app.use(v3Quill)

App.vue 使用组件
<xe-quill v-model:value="content"/>

import {v3Quill} from "v3-quill";
app.components("xe-quill",v3Quill)
App.vue 使用组件
<xe-quill v-model:value="content"/>

成员	说明	类型	默认值
v-model:value	输入框内容	Delta	{ops:[]}
enable	是否禁止输入	boolean	true表示可以输入
placeholder	无内容时的提示语	string	""
theme	主题	"snow", "bubble"	snow
toolbar	头部小工具	String, Array, Object	string的值有essential基础头部，minimal迷你头部，full所以头部	也可以根据需求自定义头部传入对应格式的对象或者数据
handlers	重写头部小工具点击事件	Object	{}
modules	modules拓展配置项	{ name: string; module: any; options?: object }[]	[]
options	quill其他配置	QuillOptionsStatic	{}
height	组件内容区高度设置	string	auto

2 years ago