vue-quill 配置项
时间: 2023-11-09 13:02:09 浏览: 131
vue配置1
vue-quill是一个基于Quill.js封装的Vue富文本编辑器组件,它提供了一些配置项来满足不同的需求,常用的配置项包括:
1. `content`:编辑器初始化内容;
2. `modules`:Quill.js的模块配置,如toolbar、imageDrop等;
3. `placeholder`:编辑器空白区域的提示文本;
4. `readOnly`:是否只读模式;
5. `theme`:编辑器主题,可选值有'snow'和'bubble';
6. `formats`:Quill.js支持的格式。
例如,以下是一个简单的vue-quill配置示例:
```javascript
<template>
<div>
<quill-editor v-model="content" :options="editorOption"></quill-editor>
</div>
</template>
<script>
import { quillEditor } from 'vue-quill-editor'
export default {
components: {
quillEditor
},
data () {
return {
content: '',
editorOption: {
placeholder: '请输入内容',
modules: {
toolbar: [
['bold', 'italic', 'underline', 'strike'],
['blockquote', 'code-block'],
[{ 'header': 1 }, { 'header': 2 }],
[{ 'list': 'ordered' }, { 'list': 'bullet' }],
[{ 'script': 'sub' }, { 'script': 'super' }],
[{ 'indent': '-1' }, { 'indent': '+1' }],
[{ 'direction': 'rtl' }],
[{ 'size': ['small', false, 'large', 'huge'] }],
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
[{ 'color': [] }, { 'background': [] }],
[{ 'font': [] }],
[{ 'align': [] }],
['clean'],
['link', 'image', 'video']
]
}
}
}
}
}
</script>
```
阅读全文