在Uniapp微信小程序中解析富文本注意事项和正则@莫成尘

在uniapp中,某些详情页基本上都会使用富文本编辑,需要注意的样式主要是图片和表格等大小不匹配。

如您满意请给莫成尘点个star 话不多说,直接上代码
const _this = this; //this指向尤其会在定时器中undefined  也有部分人使用that
let IsReg = new RegExp('<img', 'gi'); //表明规则  表格则是< table 
//放入本地data中
_this.DataMsg=res.data  //获取到数据
//将图片的宽度改为合适的宽度   如果display:block 则可以独占一行显示
_this.DataMsg= _this.DataMsg.replace(IsReg, `<img style="max-width: 100%;display:block;"`);
附加和可能出现的有用信息已添加注释

其他有关uniapp的疑问或者此方法不理解的地方您可留言,我会尽快回复并帮您解决。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值