// 匹配所有 img 标签的正则表达式
const imgRegEx = /<img.*?>/gi;
// 要处理的富文本字符串
const richText = res.data.content
// 将所有 img 标签替换为带有 max-width:100% 样式属性的 img 标签
this.newRichText = richText.replace(imgRegEx, (match) => {
console.log(match)
// 判断该 img 标签是否已经包含了 max-width 样式
if (match.indexOf('max-width:') === -1) {
// 如果没有,就在 img 标签里添加 max-width 样式
return match.replace(/<img/, '<img style="max-width:100%;"');
} else {
// 如果已有 max-width 样式,就不做修改
return match;
}
});
})
将富文本中的img替换成img max-width:100%,富文本图片超出
Guess you like
Origin blog.csdn.net/xiaokangna/article/details/130412117
Recommended
Ranking