vue项目对要显示的富文本数据中的图片处理----去掉或控制图片大小
一、去掉图片标签let informationArticle = informationArticle.replace(/<\/?(img)[^>]*>/gi, '');利用正则直接替换掉二、控制图片大小通常需要控制图片大小,否则就会因为富文本图片太大导致页面很奇怪。如下,页面可以往右滑动。const regex = new RegExp('<i...
·
一、去掉图片标签
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属性
更多推荐
已为社区贡献5条内容
所有评论(0)