vue实现富文本编辑器上传(粘贴)图片 + 文字

vue实现富文本编辑器上传(粘贴)图片 + 文字

1.安装插件

复制代码
npm install vue-quill-editor -s

2.在使用vue-quill-editor富文本的时候,对于图片的处理经常是将图片转换成base64,再上传数据库,但是base64不好存储。

原理:首先将图片上传服务器,再将图片插入到富文本中,同时光标后移一位。

安装插件

复制代码
npm install quill-image-extend-module --save-dev
相关推荐
颜夕啊18 分钟前
Windows系统php8.2.9 安装imagick扩展
php·1024程序员节
学编程就要猛27 分钟前
数据结构初阶:Java泛型
数据结构·1024程序员节
未来之窗软件服务1 小时前
未来之窗昭和仙君(三十二)通用押金系统——东方仙盟筑基期
1024程序员节·仙盟创梦ide·昭和仙君·东方仙盟架构
Tisfy4 小时前
LeetCode 3461.判断操作后字符串中的数字是否相等 I:简单题简单做的时候到了
leetcode·题解·模拟·1024程序员节
Lenz's law5 小时前
四足机器狗整机关节控制-CAN/FD总线架构及分析
架构·1024程序员节
Lucky小小吴5 小时前
每日开源项目1——HyperLogLog库
开源·开源项目·1024程序员节·海量数据处理
乌萨奇也要立志学C++5 小时前
【Linux】Ext系列文件系统 从磁盘结构到文件存储的原理剖析
android·linux·缓存·1024程序员节
阿啄debugIT1 天前
HashMap为什么线程不安全? ConcurrentHashMap如何保证线程安全? AQS如何实现锁的获取与释放?用男女关系进行解释,一看就懂
经验分享·职场和发展·系统架构·软件工程·1024程序员节
小咪一会1 个月前
JVM 基础
jvm·1024程序员节
空灵之海1 个月前
Ubuntu系统安全合规配置
linux·ubuntu·系统安全·1024程序员节