uni-app 微信小程序解决富文本内容图片自适应问题

 使用方法

[code]<rich-text :nodes="article.content|formatRichText"></rich-text>

Js代码：

[code]export default {
data() {
return {

}
},
onLoad(e){},
onShareAppMessage(res) {},
methods: {},
filters:{
/**
* 处理富文本里的图片宽度自适应
* 1.查找img标签有无style属性，如果没有，加上style
* 2.所有标签style后追加 max-width:100% !important;
* 4.去掉<br/>标签
* @param html
* @returns {void|string|*}
*/
formatRichText(html) { //控制小程序中图片大小
let newContent = html.replace(/<img[^>]*>/gi, function(match, capture) {
console.log(match.search(/style=/gi));

if(match.search(/style=/gi) == -1){
match = match.replace(/\<img/gi,'<img style=""');
}
return match;
});

newContent = newContent.replace(/style="/gi, '$& max-width:100% !important; ');
newContent = newContent.replace(/<br[^>]*\/>/gi, '');
return newContent;
}
}