解决图片无法自适应问题
<rich-text :nodes="data.details"></rich-text>
使用正则替换尺寸
var data = res.data;
str = data.details.replace(/<img[^>]*>/gi, function(
match,
capture
) {
// return match.replace(/(<img[^>]*)(\/?>)/gi, "$1width='100%' $2") // 添加width="100%"
return match.replace(
/style\s*?=\s*?([‘"])[\s\S]*?\1/gi,
'style="max-width:100%;height:auto;"'
); // 替换style
});
console.log(str, "str");
data.details = str;