Cannot read properties of null (reading ‘getRangeAt‘) 解决在layer.open的弹出层中使用layedit时报错按钮不可点击问题

最新推荐文章于 2023-08-10 23:49:36 发布
最新推荐文章于 2023-08-10 23:49:36 发布
阅读量390 收藏
点赞数
分类专栏： ❤️❤️--angular 文章标签： layedit爬坑 layedit按钮不可用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41579104/article/details/130202481
版权

最近在改之前的老项目angualr写的，它里面用到了 layui 的富文本编辑器 layedit ，然后经测试测出，在弹框中使layedit操作按钮失效，点击时报这个错误 Cannot read properties of null (reading 'getRangeAt') （ layui好像不维护了，但还是记录一下，方便遇到老项目用到还出现这个问题）

 查找了半天资料，其实猜到是渲染问题，但不知道如何去改。后来发现很简单，只需要将建立编辑器写在弹出框之后，这样的话，问题就解决了

suoh's Blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ASP.NET MVC运行出现Uncaught TypeError: Cannot set property __MVC_FormValidation of null的解决方法
01-20
Chrome提示： 确定相关JS已经包含在页面中，（用的是MasterPage，二个页面包含的js文件完全相同），排除了js引用路径不正确的问题。 页面上生成的mvcClientValidationMetadata也没问题，但客户端验证就是不起作用。 将MicrosoftAjax.js替换成MicrosoftAjax.debug.js。在Chrome调试工具中看到此异常在Sys.UI.DomElement.getElementById函数中抛出 在394行加个断点，刷新页面，一步步跟踪， 162行，根据ID获取某个DOM对象，在这里看到optionsFormID为null。（Chr
layui富文本编辑器工具栏失效，报错Cannot read property ‘getRangeAt‘ of null
weixin_44219322的博客
07-20 1055
layui富文本编辑器工具栏失效，报错Cannot read property ‘getRangeAt’ of null 此错误类型出现原因，一般是因为在弹出层里使用了layedit。表现就是在点击layedit工具栏时会报错提示Cannot read property ‘getRangeAt’ of null 解决方法 将新建layedit的方法写在打开弹窗层之后 // 先使用layedit var editIndex, layedit; layui.use('layedit', function ()
layui富文本内容添加但表格中报Uncaught TypeError: Cannot read property ‘getRangeAt‘ of null
weixin_45564548的博客
08-15 2787
layui富文本内容添加到table表格中，刷新使用 $(".layui-laypage-btn").click(); 会出现可以提交一次数据，不能重复添加数据，在第二次提交的时候报 想了好久没有解决，百度了一番好像也没有遇到这个问题的，最后用了 setTimeout(function(){ window.location.href = ""; },1500); 问题暂时解决。 layui的代码是这样写的，希望发现问题的人能和我交流，谢谢！ var index1; var layedit;
openlayers -- Cannot read property ‘slice‘ of null---地图无法加载
xinleicol的博客
06-28 809
加载GeoServer WMS服务时，地图无法加载，出现错误： View.js:1552 Uncaught TypeError: Cannot read property 'slice' of null at xs (View.js:1552) at e.applyOptions_ (View.js:378) at new e (View.js:330) at test.html:115 我加载服务的代码是： var imagery = new ol.layer.Image({
【bug记录】TypeError: Cannot read properties of null (reading ‘getAttribute‘)
x781054643的博客
06-28 5948
这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，就会报类似错误，解决方法就是在报错之前做判断处理；解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，翻译：无法读取null属性(读取'getAttribute')，简述：vue项目报错，
layui Cannot read property ‘parents‘ of null
fl8545的博客
12-18 3501
报错信息如下： layui.all.js:5 Uncaught TypeError: Cannot read property 'parents' of null at VM3027 layui.all.js:5 at VM3027 layui.all.js:5 at VM3027 layui.all.js:5 at s.pt.vessel (VM3027 layui.all.js:5) at s.pt.creat (VM3027 layui.all.js:5)
Layui:Cannot read property ‘getChecked‘ of undefined
SuperQ的博客
07-08 1195
Layui:Cannot read property ‘getChecked’ of undefined 缺少id，在tree.render中加个id 处理后：
vue3使用popop弹出层报错：Connot read properties of null (reading ‘_latLngToNewLayerPoint‘)
zjx1026的博客
06-01 1110
vue3中使用了代理。：引入下面代码做判断。
Uncaught TypeError: Cannot read properties of null (reading ‘match‘)
铁力瓦尔良的博客
07-27 7855
Uncaught TypeError: Cannot read properties of null (reading 'match')
el-table-column组件，生产环境报Cannot read property ‘insertBefore‘ of null
一枚小前端
01-06 1697
原作者对这个问题解释的链接：点这里跳转 数据一开始，这里的下标[0]undefined <el-table-column prop="typeId" align="center" label="类型"> <template #default="scope"> <div> {{ remarkTypeList.filter(v => v.id == scope.row.typeId)[0]?.na
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
10-21
主要介绍了jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法的相关资料,需要的朋友可以参考下
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
mybatis 使用jdbc.properties文件设置不起作用的解决方法
08-27
主要介绍了mybatis 使用jdbc.properties文件设置不起作用的解决方法,需要的朋友可以参考下
解决错误 “Cannot read properties of null (reading ‘pickAlgorithm‘)“
pleaseprintf的博客
07-21 9568
在进行 JavaScript 编程时，有时会遇到错误信息 “Cannot read properties of null (reading ‘pickAlgorithm‘)”，该错误通常表示试图读取一个 null 或者 undefined 值的属性。本文将介绍此错误的原因以及解决方法，帮助你避免出现类似错误，并确保代码的稳定性和正确性。通过本文的介绍，你了解了 “Cannot read properties of null (reading ‘pickAlgorithm‘)” 错误的原因和解决方法。
（thinkphp5.1开发）利用layer的open框接收错误时报错Uncaught TypeError: Cannot read properties of null (reading ‘pare
yang1234567898的博客
03-17 1165
问题： 刚开始一直以为是前端的问题，花了好几个小时排查，最终定位到layer.open框的问题 然后一步步跟踪，最后跟踪到验证器getError写错了 就因为用了tab键补齐，就花了几个小时才找出问题所在，正确写法： ...
解决kindEditor编辑器设置在弹框中时，其内的文本框不能输入内容的问题
chiai2298的博客
08-10 1645
bootstrap中使用modal加载kindeditor时超链接的input框不能输入的问题 例如：超链接按钮、表格中的input框等 解决办法：去掉 tabindex="-1" $("#弹框id").removeAttr("tabindex"); ...
Uncaught TypeError: Cannot read properties of undefined (reading ‘length‘)解决思路
weixin_61655270的博客
08-10 6501
第一步：首先看错误代码：无法读取未定义的属性（读取“长度”）也就是length未定义。第三步：此时应该看controller，data没有定义值。第二部：通过控制台打印得知哪一步为空。由此可知obj.data没有被定义。
layui Cannot read property ‘render‘ of undefined
lbyd2016的博客
01-21 9075
情况是这样的： 在用到基于layui封装的一个地址选择器时报了这个错误 原因： layui引入common模块的同时，common.js也直接通过scrpt引入了！两个冲突了。 解决： 把通过scrpt引入的common.js注释掉就行了... 参考： https://ask.fastadmin.net/question/2494.html ...
node-v4.2.2-headers.tar.xz
最新发布
05-21
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Cannot read properties of null (reading 'addLayer')
09-23
Cannot read properties of null (reading 'add') 是一个JavaScript错误，意味着你正在尝试从null或undefined值中读取属性'add'。这可能是因为你正在尝试访问一个不存在的对象或属性。解决此问题的方法是确保你正在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

suoh's Blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值