微信小程序rich-text富文本 图片自适应宽度

第一种方法：接口里给img标签加样式（PHP）

$info['memo'] = str_replace("<img ", "<img style='max-width:100%;height:auto;'", $info['memo']);

第二种方法：小程序里给img标签加样式

1.img

that.setData({
    memo: res.data.memo.replace(/\<img/gi, '<img style="max-width:100%;height:auto"')
})

2.img和p

let memo= memo
            .replace(/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
            .replace(/<p>/ig, '<p style="font-size: 15px; line-height: 25Px;">')
            .replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1')
            .replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1')
            .replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1')
            .replace(/<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig, '<img$1')
            .replace(/<img([\s\w"-=\/\.:;]+)/ig, '<img$1 style="width: 100%; border-radius: 8px;"');