Vue：富文本编辑器quill-editor上传图片导致url太长导致请求报错

Posted 2023-04-27

参考技术A 用Vue插件quill-editor添加图片的时候默认会被转为base64编码导致数据很长，因此上传数据的时候会发生错误

1，创建quill-config.js文件

需要特别注意这一行，把服务器返回的URL赋值到富文本的img进行展示

2,Vue页面使用

WangEdit富文本编辑器增加上传视频功能

乘着今天中午的时间 对以前项目的一个需求进行一定的处理

前天去了甲方公司

接到了了一个新的需求

就是可以把项目的一个富文本的编辑器可以设置为能够上传视频

于是乎

就要对vue里面的这个组件进行操作了

首先我们可以看一眼官网的文档

需要用到的就直接到官网文档进行查询即可了

 需求（接口文档）

 

由于官网的的文档是对原生js进行说明的

所以vue的写法就可以这样先写了、

代码部分(封装子组件)

<template lang="html">
  <div class="editor">
    <!--定义的为表头的属性-->
    <div ref="toolbar" class="toolbar">
    </div>
    <!--定义的为表格的属性-->
    <div ref="editor" class="text" >
    </div>
  <