使用方法
<rich-text :nodes="article.content|formatRichText"></rich-text>Js代码：
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;
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/155953.html
