vue-quill-editor超链接bug问题

问题描述

**
使用了vue-quill-editor组件，在新建内容时，提交都没有问题。
在修改内容时，将原本的内容通过v-model绑定到vue-quill-editor时，点击文本内容点击超链接出现save点击后所有内容清空问题。并且出现第一次点击toolbar的超链接按下回车键会有效果，可是再次编辑文本内容会清空。

ext-quill.vue内容

**

在这种情况下会出现开头说明的那种情况，经过很多尝试，发现出现v-model绑定内容后才会出现这种bug。但是项目中需要的效果是点击修改按钮进入富文本，故进入就需绑定内容；所以这个功能肯定是不能去掉的，直接去掉也找不出啊具体原因。

之后无意在一个相似问题博文底下有个评论问是不是设置了@change=“onEditorChange($event)”，然后回头看看自己的项目，v-model双向绑定了富文本内容，这个change时间好像没有存在的必要，直接删除，随便试了下效果，超链接bug竟然没了！

虽然问题解决了，但是具体原因还没弄清，有出现过类似问题的大佬，欢迎指正~~~感激不尽

vue-quill-editor超链接bug问题相关推荐

现代化富文本编辑器 Quill Editor
介绍近期在弄富文本编辑器相关的内容,其中项目中使用了 Quill Editor(后面简称 Quill).Quill 自称是一个现代化强大的富文本编辑器,它与其它富文本编辑器(例如 UEditor)不 ...
Quill Editor
VUE-QUILL-EDITOR 该文章仅记录学习过程,不展示最终文件源码安装 quill-editor 在对应的目录打开 Terminal 执行以下命令: 安装 editor npm instal ...
VUE+Quill编辑器实现添加新闻功能
一个很典型的添加新闻功能,肯定离不了网页编辑器,然后有很多种选择,百度了大概说是quill和vue的兼容性比较好,网上也有很多在用,就跟风选择了! 这是最终效果实现的过程肯定是有些曲折的,所以给各位 ...
quill editor:The given range isn‘t in document
公司网站使用的是 .NET Razor + 渐进式 Vue 的方式编写的. 在一个发帖子的页面 quill 的区域包含在了 Vue 组件中. 在 vue 的 created 函数中获取不到 quill ...
vue 使用 Editor.md编辑器
根据该博文:https://blog.csdn.net/u010609807/article/details/82761065 github地址:https://github.com/Mozhate/ ...
vue quill富文本编辑器上传图片遇到的坑
在使用quill富文本编辑器上传图片的时候,很多地方都是成功的,但是唯有一处,上传图片总是失败,由此后端的朋友就说可以html标签转换成JSON字符串上传上去,展示的时候在转换回来,即可解决问题. 由 ...
Github 上 36 个最实用的 Vue 开源库
任何一个开发者,都是十分喜欢使用开源软件包的.因为它使开发工作变得更快速.高效.容易.如果没有开源软件包,开发工作将变得疲惫不堪,不断的重复造轮子! 下面整理了 Github 上 36 个实用的 Vu ...
第七天黑马十次方吐槽列表与详细页、发吐槽与评论功能、问答频道功能、掌握DataURL和阿里云OSS
第7章网站前台-吐槽与问答学习目标: ** 完成吐槽列表与详细页完成发吐槽与评论功能,掌握富文本编辑器的使用完成问答频道功能掌握DataURL和阿里云OSS** 1 吐槽列表与详细页 1.1 ...
富文本编辑器Quill 介绍及在Vue中的使用方法
在Web开发中,富文本编辑器是不可或缺的一个功能组件,掌握少量基础语法就能让一篇文章实现较为不错的排版效果,即见即所得. 目前市场上已提供大量集成富文本编辑器的包,Quill 作为其中一个,以简单.易 ...
vue中使用quill富文本编辑器
因为公司的需求,对比了线在很火的几款富文本编辑器,最终选定了quill,他够轻量,拓展性也比较高,除了文档是英文的阅读不方便之外,都很适合公司项目.故整理出来,也方便以后使用. 在网上找了一个中文文档 ...

vue-quill-editor超链接bug问题

问题描述

ext-quill.vue内容

vue-quill-editor超链接bug问题相关推荐

最新文章

热门文章