小程序应用富文本过滤器wxParse时关闭数据源自带样式

本文介绍了在微信小程序开发中,如何使用wxParse过滤器去除从接口获取的富文本数据中的格式信息。通过修改html2json.js文件,注释特定代码来关闭样式输出,以及在wxDiscode.js文件中处理空格符&nbsp,实现纯文本显示并自定义前端样式。

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

如题,在开发小程序的时候,从接口中获取来的文章信息都带有超文本格式,为了在小程序中着重的查看文章的内容而不显示其格式,我搜索到了wxParse这个过滤器插件,文件很小,很实用,配置方法我不在这里赘述了,过滤后的效果是下图

后台输出如下内容,是数据源中带过来的样式信息,如果不过滤掉这些内容的话,呈现的效果就会是上图

在手机上面显示带有格式的文本很明显有点不太方便,于是我通过跟踪定位在跟踪在定位的方法找到了如何过滤掉原文中的格式信息在过滤器文件夹中找到html2json.js这个文件,文档中搜索node.styleStr关键字,

注释掉下图这两行代码,就可以关闭后台打印的原文样式输出,取消获取来的数据格式信息,把数据变成纯粹的文本格式,在通过前端页面的wxss样式对数据进行格式化即可

最终的效果图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值