rich-text 官方文檔

https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html

在小程序與后臺通信，調用新聞詳情時，普通的小程序標簽解析不了聞內容中的HTML代碼，這時候就需要使用 rich-text 這個標簽來解析HTML代碼。

一般的HTML標簽 rich-text 是都可以解析的，唯一的問題就是圖片大小問題，在 rich-text 的相關CSS里面是無法控制圖片大小的，而如果無法控制圖片大小，頁面就會被頂壞，所以我們需要在接口返回信息時給每個圖片單獨增加一個CSS樣式。

$Content = str_replace('<img','<img class="rich-img"',$Content);

如上代碼，我們給后臺調用出來的內容里的所有圖片都增加一個 rich-img 樣式。然后在小程序中定義一下這個樣式。

.rich-img{ max-width: 100%; display: block; margin: 10px auto; border-radius: 5px;}

這樣一來，我們就可以隨心的控制內容里面的圖片大小了。

原文地址：http://www.h-ipasbs.com/library/202011/57.html(張家口導航-睿兒知識庫)