kindeditor編輯器代碼過濾解決方法.

不少朋友在使用Kindeditor編輯器的時候都會遇到這樣一個問題,如:給A標籤加上title屬性事後,瀏覽的時候,卻神奇般地發現title屬性沒有了。再次切換html源代碼的時候,返現編輯器將title屬性給刪掉了。追究其根本緣由主要是kindeditor設置了標籤和屬性的默認過濾機制。KindEditor默認狀態下會過濾編輯器裏的html代碼,主要是爲了生成乾淨的代碼,就會出現咱們想不到的結果,如今焦國強爲你們講解:如何避免本身手動添加的代碼被沒必要要的過濾。
首先咱們知道3.4版本以上版本默認開啓了過濾模式(filterMode:true)。當filterMode爲true時,編輯器會根據htmlTags設定自動過濾HTML代碼
但是在咱們平時的使用中,爲了精簡內容代碼和達到好特定的顯示效果,常常會用一些div跟css的代碼,若是不更改編輯器的設定,這些代碼都會被過濾,所 以若是想保留全部HTML相關代碼,請將kindeditor.js裏的filterMode設置成false。若是想保留特定HTML,請將 filterMode設置成true後,配置htmlTags屬性。css

filterMode : true // true:開啓過濾模式, false:關閉過濾模式html

若是改爲filterMode : false以後,編輯器裏面添加的代碼就都會被保留。數組

但是若是我只是想不過濾某個標籤,其餘的仍是正常過濾,應該怎麼辦呢?好比說我想保留行距代碼<span style=」line-height:30px;」>,其餘的仍是正常過濾,方法是:
filterMode : 改爲true 就是開啓過濾的意思。
而後咱們能夠經過設置其htmlTags屬性來得以實現。KindEditor 默認採用白名單過濾方式,可用 htmlTags 參數定義要保留的標籤和屬性 htmlTags指定要保留的HTML標記和屬性。Object的key爲HTML標籤名,value爲HTML屬性數組,」.」開始的屬性表示style屬性。修改的文件爲kindeditor.js 例子以下所示:在span下面添加line-height屬性標籤就能夠了,固然要按照格式來添加,格式能夠參照其餘已經有的標籤。
kindeditor代碼過濾解決方法
綜上所述,經過以上兩種方式便可實現kindeditor編輯器的標籤和屬性過濾效果。
不過修改完了必定要注意關掉編輯器的界面在從新打開,或是刷新,總之要清空緩存,不然是不起做用的。緩存

原文鏈接:http://www.jiaoguoqiang.com/kindeditorguolv/ 編輯器

相關文章
相關標籤/搜索