清除富文本樣式


有時我們會需要將富文本內容中的文字解析,比如列表預覽內容等場景,利用下面的替換方式可以抽取內容中的文字部分

var text= "<p style="white-space: normal; text-align: left;"><strong><span style="font-family: 微軟雅黑, &quot;Microsoft YaHei&quot;;">新品信息</span></strong></p><p style="white-space: normal; text-align: left;"><span style="font-family: 微軟雅黑, &quot;Microsoft YaHei&quot;;">新品上市,將第一時間通知到會員品鑒</span></p><p style="white-space: normal; text-align: left;"><strong><span style="font-family: 微軟雅黑, &quot;Microsoft YaHei&quot;;">使用方法</span></strong></p><p style="white-space: normal; text-align: left;"><span style="font-family: 微軟雅黑, &quot;Microsoft YaHei&quot;;">將通過短信及微信公眾號的信息推送,將新品信息送達會員</span></p><p style="white-space: normal; text-align: left;"><strong><span style="font-family: 微軟雅黑, &quot;Microsoft YaHei&quot;;">適用人群</span></strong></p><p style="white-space: normal; text-align: left;"><span style="font-family: 微軟雅黑, &quot;Microsoft YaHei&quot;;">所有等級會員</span></p>";  

var re1 = new RegExp("<.+?>","g");//匹配html標簽的正則表達式,"g"是搜索匹配多個符合的內容
 text= text.replace(re1,'');//執行替換成空字符

另:
replace(/(<br\s?\/?>)+/gi, '$1')        //去掉重復換行
.replace(/^<br\/>|<br>/g,'');        //去掉開頭的換行
 

 


免責聲明!

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



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