实现效果
文本编辑的三个功能分别是:添加链接,上传图片,上传文件
编辑器配置
基本配置
<template>
<quill-editor class="editor" ref="QuillEditor" v-model="detail" :options="editorOption"></quill-editor>
</template>
<script>
// 编辑器工具栏配置
const toolbarOptions = [
['link', 'image', 'upload']
]
export default {
data() {
detail: '',
editorOption: {
modules: {
toolbar: {
container: toolbarOptions, // 工具栏
handlers: {
image: function(value) {
//编辑器-上传图片
if (value) {
// 调用antd图片上传up