微信小程序，使用rich-text的时候报错：[渲染层错误] RangeError: Maximum call stack size exceeded

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

S筱潇S四维Smile

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

阅读量2.2k

点赞数 2

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

本文链接：https://blog.csdn.net/qq_29483485/article/details/121282825

版权

微信小程序专栏收录该内容

38 篇文章 6 订阅

订阅专栏

当使用rich-text组件在小程序中显示富文本时，遇到RangeError: Maximum call stack size exceeded的错误，通常是由于HTML包含不被识别的代码导致。为解决此问题，可以使用JavaScript进行字符串替换，移除不识别的style属性、注释、XML标签和未定义的内容。通过在获取内容后执行这些替换操作，可以成功避免报错并正常渲染富文本。

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

使用rich-text组件显示富文本内容时，渲染html时有报错: RangeError: Maximum call stack size exceeded

原因：可能html包含不识别的代码

解决方法

在js文件内加替换

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

getContet(){ //内容
		app.ajax({
			method: "get",
			url: "/act/coppywrite/content",
		}, true).then(res => {
			if (res.success && res.data) {
				 let rule_html = res.data.replace(/style="[^"]+"/gi, "")
						.replace(/style='[^']+'/gi, "")   //小程序展示要自己统一的样式，替换了行内样式
						.replace(/(<!--(.|[\r\n])*?-->)/gi, "") //替换了注释的内容这能替掉大部分
						.replace(/<xml[^>]*>(.|\n)*<\/xml>/gi, "") //替换了xml标签<xml></xml>word粘贴带出一堆标签包含在xml里干掉它
						.replace(/undefined/gi, "") //里面莫名有个undefined 干掉
				
				this.setData({
					rule_html : rule_html
				})
			}
		})
	},

这样就解决报错了。