剛才把kindeditor線上編輯器做成視覺化UBB編輯模式了

樊瀟潔發表於2014-02-26

我挺喜歡UBB編輯的,因為它能簡化儲存內容,儲存釋出內容之後,前臺樣式化也很簡單。可惜kindeditor不提供UBB線上編輯功能,怎麼辦呢?看,這裡有人發問http://kindeditor.net/view.php?bbsid=5&postid=4212 ,三年過去了居然無人回答。
剛才研究了一下kindeditor的程式碼(我是直接修改kindeditor-min.js的),發現有一個簡單的辦法可以把kindeditor線上編輯器變成視覺化UBB編輯模式的。
具體來說,就是把kindeditor-min.js最後面的兩個函式,b.beforeGetHtml和b.beforeSetHtml的末尾(“})”前面)各加一個“&&(a=html2ubb(a))”和“&&(a=ubb2html(a))”,如圖所示:
1.png
2.png
紅色方框裡的內容是我加上去的。
然後再從http://xheditor.com/裡下載http://xheditor.com/js/xheditor_plugins/ubb.js
把這裡的兩個函式function html2ubb和function ubb2html放到kindeditor-min.js後面就好了。不過我出於自己的目的,對xheditor的ubb也不太滿意,對function html2ubb和function ubb2html都做了點改動。

相關文章