Vue + vue-quill-editor（图片上传+禁止粘贴图片）

基本配置使用

封装组件

1 公共组件

2 父组件引用

优化使用1

前提

vue-quill-editor组件上传图片，文件，视频是直接拼在字符串中的，
导致size很大，加载很慢

解决

图片单独上传到后台一个地址，
上传成功后，将图片插入到富文本中，

1 代码

// 富文本编辑器
import { quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
import axios from "axios";

优化使用2

场景

使用富文本编辑框，只可以输入文本，配置项都屏蔽掉；
禁止粘贴图片

解决

获取粘贴板内容；
通过字段类型处理：如果粘贴了图片，这里会是一个对象；