富文字樣式修改

2021-10-06 06:19:10 字數 1203 閱讀 3632

1.利用全域性樣式進行限制(在基礎樣式裡新增)

img
2.利用正規表示式進行正則匹配

//預設heigh屬性置零


richtext.


replace(/,


')//預設的width屬性置零 


.replace(/,


')//將style屬性置零


.replace(/,


')//將alt屬性置零


.replace(/,


')//設定屬性


.replace(/,


');//p標籤的行內樣式重置


.replace(/,


').replace


(//ig,''


)//保留其他屬性 對style進行覆蓋


replace(/,


')
3.對於vue還可以使用深度選擇器

="rich-text" v-html=


"reihtext"


>


<


/div>


.rich-text>>> img 


<


/style>
方法1：

function


setcontent


(str)
方法1優化：

function


removehtmltag


(str)
方法2：

//去除html標籤


function


deletehtmltag


(str)
方法3：

description.


replace


(/<(?!img).*?>/g,""


);//如果保留img,p標籤，則為：


description.


replace(/


<(?


!img|p|


/p).*?>/g,""


); 如有錯誤，歡迎指出。
參考:

1.全域性css 寫入 插入後生效

2.正則匹配 修改 (加殼 修改)

3.使用富文wxparse-master

富文字ZSSRichTextEditor之趟坑集錦

富文字zssrichtexteditor是ios原生與網頁互動的集大成者，各種互動。自然問題也是多多，這篇文文章陸續更新遇到的奇葩問題。1.問題1 從頭條這種文章裡頭複製貼上的文章，裡邊有，我們需求並不需要，如何過濾？幹了客戶端，一開始額思路，總想從客戶端的webview裡頭找出路，忙活半天，並未發...

ios開發 富文字

富文字屬性attributes 1 nsfontattributename 設定字型字型大小 2 nsforegroundcolorattributename 設定文字顏色 3 nskernattributename 設定字元間距 4 nsparagraphstyleattributename 設定...

富文字的使用

一，理解 對於以前，我們用label進行新增文字的時候，只是在 label的本身上新增，從來沒有考慮過其他的方式，今天呢，由於我看了別人的一片技術部落格，有感所以就記錄了下來，希望能夠幫助到那些有需要的人 不帶段落分析的 如下 nsstring str 也許我們的心裡藏有乙個海洋，流出來的卻是兩行清...