img标签添加结束标识符

支付宝小程序,rich-text 标签nodes属性需要将富文本转换成数组,但是如果img没有结束标签,转换后的内容rich-text是无法解析的,如下:

[{
	"name": "img",
	"children": [{
		"name": "img",
		"children": [{
			"name": "img",
			"children": [],
			"attrs": {
				"class": "wscnph",
				"src": "upload/20191114/5e87dcda66988d14d3b2d48948e8c4.jpg?imageMogr2/auto-orient/thumbnail/750x/format/webp/blur/1x0/quality/75|imageslim"
			}
		}],
		"attrs": {
			"class": "wscnph",
			"src": "upload/20191114/6942b6042ea2887c6ca64f596b414f.jpg?imageMogr2/auto-orient/thumbnail/750x/format/webp/blur/1x0/quality/75|imageslim"
		}
	}],
	"attrs": {
		"class": "wscnph",
		"src": "upload/20191114/67a68e76f775f498df97c43614958.jpg?imageMogr2/auto-orient/thumbnail/750x/format/webp/blur/1x0/quality/75|imageslim"
	}
}]

所以需要通过正则表达式匹配替换 str.replace(/<img(.*?)>/gi, '<img style="max-width:100%;height:auto" $1 />')

转换后,如下

[
	{
		"name": "img",
		"children": [],
		"attrs": {
			"style": "max-width:100%;height:auto",
			"class": "wscnph",
			"src": "/upload/20191114/67a68d376f775f498df97c43614958.jpg?imageMogr2/auto-orient/thumbnail/750x/format/webp/blur/1x0/quality/75|imageslim"
		}
	},
	{
		"name": "img",
		"children": [],
		"attrs": {
			"style": "max-width:100%;height:auto",
			"class": "wscnph",
			"src": "/upload/20191114/694a52b62ea2887c6ca64f596b414f.jpg?imageMogr2/auto-orient/thumbnail/750x/format/webp/blur/1x0/quality/75|imageslim"
		}
	},
	{
		"name": "img",
		"children": [],
		"attrs": {
			"style": "max-width:100%;height:auto",
			"class": "wscnph",
			"src": "/upload/20191114/5e87d7da66988d14d3b2d48948e8c4.jpg?imageMogr2/auto-orient/thumbnail/750x/format/webp/blur/1x0/quality/75|imageslim"
		}
	}],

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值