vue项目对要显示的富文本数据中的图片处理----去掉或控制图片大小

一、去掉图片标签

let informationArticle = informationArticle.replace(/<\/?(img)[^>]*>/gi, '');

利用正则直接替换掉

二、控制图片大小

通常需要控制图片大小，否则就会因为富文本图片太大导致页面很奇怪。如下，页面可以往右滑动。

const regex = new RegExp('<img', 'gi')
res.details = details.replace(regex, `<img style="max-width: 100%; height: auto"`);

利用正则去匹配替换标签并增加style属性