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

原文連接:http://www.jiaoguoqiang.com/kindeditorguolv/


今天遇到一個問題,需要定製化a標籤中的內容,但是不管如何debug link插件中的代碼都沒有用,後面發現,查看源碼的時候自己加進去的元素被過濾掉了,才猜想應該是編輯器過濾問題,順着這個思路,真的解決了問題。


很多朋友在使用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屬性。

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

如果改成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編輯器的標籤和屬性過濾效果。
不過修改完了一定要注意關掉編輯器的界面在重新打開,或是刷新,總之要清空緩存,否則是不起作用的。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章