新聞中心
小編給大家分享一下小程序rich-text組件改變內(nèi)部python圖片樣式的示例,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

一、起因
小程序中有一個(gè)頁(yè)面,很奇葩,是通過后端傳過來(lái)的整段HTML字符串展示內(nèi)容的,那么我們暫時(shí)叫這個(gè)頁(yè)面為content,傳過來(lái)之后,他里面的圖片樣式是不固定的,有的大,有的小,有的有style有的沒有,那我怎么能讓他統(tǒng)一展示成一樣的樣式呢?
二、辦法
思前想后,我覺得還是正則比較靠譜,把content里面所有的img標(biāo)簽篩選出來(lái),把里面有style的、有width的、有height的、全部刪除掉,最后在統(tǒng)一加上我們想要的樣式,最終代碼如下:
下面是HTML字符串處理過程
let html = content .replace(//ig, '
') .replace(/
最終實(shí)現(xiàn)了我們想要的樣式統(tǒng)一的效果啦~
三、總結(jié)
我有想過直接在less里面取到img,然后改變它的樣式,這種辦法在h6中是可行的,但是在小程序中不起作用!因?yàn)樵谛〕绦蛑袝?huì)是一整個(gè)rich-text標(biāo)簽,里面的內(nèi)容樣式無(wú)法修改。所以采用這種辦法啦~~能夠解決問題。
以上是“小程序rich-text組件改變內(nèi)部python圖片樣式的示例”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁(yè)名稱:小程序rich-text組件改變內(nèi)部python圖片樣式的示例-創(chuàng)新互聯(lián)
文章源于:http://www.dlmjj.cn/article/iipco.html


咨詢
建站咨詢
