微信小程序富文本图片处理二

文本图片处理二"/>

微信小程序富文本图片处理二

2019独角兽企业重金招聘Python工程师标准>>>

一、将富文本中图片的相对链接地址修改成绝对链接地址

          //替换图片链接data.content = data.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {return '<img  src="' + (_this.data.domain + capture) + '"/>';});

二、将富文本中图片的最大宽度处理，不能超出浏览器宽度

          //处理图片宽度data.content = data.content.replace(/\<img/g, '<img style="width:' + res.windowWidth + 'px;height:auto;display:block;margin-left:-10px;margin-right:-10px;"');

更多参考：

微信小程序rich-text富文本图片自适应处理

js正则获取图片的src属性

微信小程序tab使用整理

转载于: