将富文本中的img替换成img max-width:100%,富文本图片超出

// 匹配所有 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;
    }
});
})

Guess you like

Origin blog.csdn.net/xiaokangna/article/details/130412117