1.0.1 • Published 8 months ago
vue-editor-quill v1.0.1
vue-editor-quill
支持 table 插入的富文本编辑器
Installation
npm install vue-editor-quill --registry http://39.104.186.99:4873 --save
or:
yarn add vue-editor-quill --registry http://39.104.186.99:4873
Usage
组件使用示例:
<template>
<div class="in-editor-wrapper">
<ComBetter @input="onInput" />
</div>
</template>
<script setup>
import { ComBetter } from 'vue-editor-quill';
import 'vue-editor-quill/css/style.min.css';
const onInput = (values, josn) => {
console.log(values, josn);
};
</script>
<style scope>
.in-editor-wrapper {
height: 100%;
flex-grow: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
</style>
API
基于 quilljs 二次开发的成果,其他 API 可查阅 quilljs
Props
Name | Type | Default | Required | Description |
---|---|---|---|---|
value | string | - | - | 默认内容 |
options | OBject | - | - | quilljs 参数 |
Events
Name | Type | Default | Required | Description |
---|---|---|---|---|
input | (htmlString:string,josn:Object) => void | - | - | 内容发生改变时触发 |