新闻动态
APP小程序详情图片怎么自适应宽度？
科思拓网站建设公司 2019-12-20
APP小程序直播插入图片往往会超出宽度，怎么自适应呢？
引入富文本formatImage并filters 过滤
- <rich-text :nodes="kesituo.article_content|formatImage"></rich-text>
js部分
filters: {
formatImage(html) {
let newContent= html.replace(/
match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');
match = match.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');
match = match.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi, '');
return match;
});
newContent = newContent.replace(/style="[^"]+"/gi,function(match,capture){
match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi, 'max-width:100%;');
return match;
});
newContent = newContent.replace(/
newContent = newContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"');
return newContent;
}
上一篇：PHP怎么验证注册手机号码？
下一篇：年前定制做网站优惠活动
