一、先言
有時后端直接返回的富文本內容，前端展示的時候會出現(xiàn)圖片太大或太小，所以需要處理一下，，，實現(xiàn)并不難，主要是利用replace方法全局替換圖片img標簽的style樣式，修改其寬度樣式。
二、實現(xiàn)
1.replace方法全局添加圖片img標簽的style樣式
let txt = 'xxx' //富文本內容
txt = txt.replace(/<img/gi,'<img style="max-width:100%;height:auto;margin:0 auto;display:block"')
理解后想替換什么就替換什么。
2.頁面標簽顯示：
<rich-text class="notice-content" nodes="{{txt}}">
</rich-text>
以上就可以了。
推薦一個小程序富文本組件給你們，mp-html 。能夠使得富文本圖片自適應，還可以點擊預覽放大圖片，，，好用的很。人嘛，就應該利用工具23333
官網——>
三、總結
以上就是全部內容啦
hhh，應該沒人說我水文章把。。。
3年了，3年了啊！疫情終于快要結束了啊，哭了兄弟們，太難受了阿這三年。
不多說了，一個人準備去旅行，趁青春，馬上沖！把壓抑的情緒全部釋放，尋找內心的平靜，，，簽證已經辦好，已經訂了周六的機票啦！
回來后再好好的思考接下來的路
文章來源：http://www.zghlxwxcb.cn/news/detail-506192.html
我的嗶哩嗶哩空間
Gitee倉庫地址：全部特效源碼
其它文章：
~關注我看更多簡單創(chuàng)意特效：
文字煙霧效果 html+css+js
環(huán)繞倒影加載特效 html+css
氣泡浮動背景特效 html+css
簡約時鐘特效 html+css+js
賽博朋克風格按鈕 html+css
仿網易云官網輪播圖 html+css+js
水波加載動畫 html+css
導航欄滾動漸變效果 html+css+js
書本翻頁 html+css
3D立體相冊 html+css
霓虹燈繪畫板效果 html+css+js
記一些css屬性總結（一）
Sass總結筆記
…等等
進我主頁看更多~文章來源地址http://www.zghlxwxcb.cn/news/detail-506192.html
到了這里，關于微信小程序富文本修改圖片的大小的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
