微信小程序rich-text富文本 圖片超出屏幕寬度，自適應解決

微信小程序rich-text富文本圖片自適應處理

一、問題描述

微信小程序rich-text標籤對於樣式定義僅支持style和class，直接指定<img>樣式設置圖片樣式無效。造成<img>圖片寬度太大超出顯示屏。

如圖：

實際圖片應如下圖顯示：

二、解決

使用正則替換處理，添加style屬性設置圖片寬度

 data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ') //正則替換

原理如下：

content.replace('<img', '<img style="max-width:100%;height:auto" ') //替換