uniapp-js富文本內容img圖片自適應手機端


問題描述: (圖片溢出情況)

首先我們來思考一下,應該需要怎么做,才能讓圖片自適應呢?

圖片要自適應,不能溢出父類寬度,可以設置圖片的max-width:100%就好了。一般后端接口返回的富文本數據是字符串,那么我們直接來操作字符串的替換就好了。

JS字符串替換,利用正則匹配一下img標簽,然后再String對象的replace方法處理一下就好。

let str3 = "<img src='123'/> <img src='456'/> <img src='789'/>";
let result = str3.replace(/<img/g, '<img style="max-width: 100%;"');
//打印輸出的結果
console.log(result);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM