Vue之使用 vue-quill-editor_自定义toolbar_修改图片上传方式

最新推荐文章于 2024-04-10 05:11:47 发布

「已注销」

最新推荐文章于 2024-04-10 05:11:47 发布

阅读量4.8k

点赞数 1

分类专栏： Vue 文章标签： Vue

本文链接：https://blog.csdn.net/myFirstCN/article/details/80870915

版权

本文介绍了如何在Vue项目中使用vue-quill-editor，包括安装、引入和使用。重点讲解了如何自定义toolbar，删除不必要的功能，并且详细阐述了如何修改图片上传方式，避免使用base64存储，转而使用上传组件获取的图片地址，以适应大量图片存储的需求。

摘要由CSDN通过智能技术生成

1.安装

npm install vue-quill-editor --save
install vue-quill-editor --save

2.引入

import { quillEditor } from 'vue-quill-editor'
components: {
    quillEditor
},

 { quillEditor } from 'vue-quill-editor'
components: {
    quillEditor
},

3.使用

<quill-editor v-model="blogContext"   //编辑器内容字段
              ref="myQuillEditor"
              style="background-color: white;"
              class="editer">
</quill-editor>
"blogContext"   //编辑器内容字段
              ref="myQuillEditor&#