后台获取的富文本文章里面的图片，去除样式_前端富文本去除图片去除文本样式

作者：空白诗007 | 2024-08-09 15:54:52

踩

前端富文本去除图片去除文本样式

// 去除图片样式

wx.formatRichText = function(html) {

let newContent = html.replace(/<img[^>]*>/gi, function(match, capture) {

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(/<br[^>]*\/>/gi, '');

newContent = newContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0;"');

return newContent;

}

使用：

res.data.content = wx.formatRichText(res.data.content)

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/空白诗007/article/detail/954042