Vue2嵌入Ueditor富文本编辑器后,操作出现The given range isn't in document.报错问题解决!

在使用SpringCloud+Vue2进行前后台分离开发时,遇到百度富文本组件的Range问题。本文详细记录了问题的解决过程,包括对富文本脚本的修改及通过判断范围进行过滤的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

也是有段时间没写写东西了,一直都在潜心专研产品。不过最近在开发一个项目的时候遇到了部分问题,总结下希望能够帮助采坑人!

开发基本情况!

Spring Cloud + Vue2 前后台分离

组件的形式插入百度富文本组件,图片上传、获取图片列表等所有与后台交互的动作后台重写,富文本js脚本部分修改!

在此过程中还算顺利,但今天遇到一个有关 range 的问题!

本身对前端的东西掌握一般所以也是花了一些的功夫!

先看问题!

百度富文本脚本的源码也是有些问题的,其他相对改起来较为简单,但是这个问题看起来相对难办!

错误原因,实际上就是要加入的 document 范围不在给定的范围中

网上给出的 window.load = function(){} 确实可以解决此问题,但是会出现其他的问题!

最后的通过判断范围来进行过滤

坑已填完,舒服!

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值