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

原创
2018/07/19 11:06
阅读数 3.6K

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

          //替换图片链接
          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使用整理

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部