富文本返回内容图片的宽度修改

花开富贵城

于 2024-11-16 23:11:59 发布

阅读量181

点赞数 2

文章标签： java 算法前端

本文链接：https://blog.youkuaiyun.com/qq_42498352/article/details/143825320

版权

const handleRichText = (value) => {
    if (!value) {
        return '--'
    }
    // 使用正则表达式匹配所有的img标签
    let temp = ''
    const imgReg = /<img[^>]*>/g;
    const images = value.match(imgReg);
    if (images) {
        images.forEach(img => {
            // 替换原有的img标签为带有样式的标签
            const newImg = img.replace(imgReg, `<img style="max-width:100%;height:auto;" src="${img.match(/src="?([^" ]*)"?/)[1]}">`);
            // 将处理后的img标签内容替换回原内容中
            temp = value.replace(img, newImg);
        });
    }
    return temp
}