微信小程序，[渲染层错误] RangeError: Maximum call stack size exceeded

最新推荐文章于 2024-08-17 16:07:27 发布

前端小狮

最新推荐文章于 2024-08-17 16:07:27 发布

阅读量1k

点赞数 1

分类专栏：小程序文章标签：小程序微信小程序

本文链接：https://blog.csdn.net/m0_37885651/article/details/119935328

版权

小程序专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本文探讨了在微信小程序中使用rich-text组件渲染html时遇到的RangeError: Maximum call stack size exceeded错误。该问题通常由于不识别的html代码导致。为了解决这个问题，建议使用正则表达式替换不规范的html标签、行内样式、注释和xml内容，以及处理未定义的变量。通过这种方式，可以避免wxParse组件同样出现的渲染问题。

摘要由CSDN通过智能技术生成

微信小程序rich-text组件渲染html时会有报错RangeError: Maximum call stack size exceeded

网上查询说可能html包含不识别的代码，打印出来替换了些没用的即可；

在这里插入图片描述

so替换一下

	var res = str.replace(/style="[^"]+"/gi, "")
	.replace(/style='[^']+'/gi, "")   //小程序展示要自己统一的样式，替换了行内样式
	.replace(/(<!--(.|[\r\n])*?-->)/gi, "") //替换了注释的内容这能替掉大部分
	.replace(/<xml[^>]*>(.|\n)*<\/xml>/gi, "") //替换了xml标签<xml></xml>word粘贴带出一堆标签包含在xml里干掉它
	.replace(/undefined/gi, "") //里面莫名有个undefined 干掉

//网上的wxParse组件渲染html富文本也是会有同样的问题,不可避免需要自己替替