Uniapp富文本解析圖片,圖片溢出問題的解決


<rich-text :nodes="graphicDetails"></rich-text>

 獲取到后台返回的字符串后將大於號小於號替換回來,將圖片的寬度設置為100%

 // 富文本部分反解析
    UnchangeContent(str) {
      return str ? str.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/quot;/g, '"').replace(/<img/g, '<img style="max-width: 100%;"') : ''
    }
white-space: pre-wrap; // 富文本換行空格不顯示的問題


免責聲明!

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



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