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

dreamans 發布于2019-08-19 14:33 / 3087人閱讀

摘要：可惜不提供在線編輯功能，怎么辦呢看，這里有人發問，三年過去了居然無人回答。剛才研究了一下的代碼我是直接修改的，發現有一個簡單的辦法可以把在線編輯器變成可視化編輯模式的。

我挺喜歡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))”，如圖所示：

紅色方框里的內容是我加上去的。
然后再從http://xheditor.com/里下載http://xheditor.com/js/xheditor_plugins/ubb.js
把這里的兩個函數function html2ubb和function ubb2html放到kindeditor-min.js后面就好了。不過我出于自己的目的，對xheditor的ubb也不太滿意，對function html2ubb和function ubb2html都做了點改動。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78011.html

前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

LiangJ 2019-08-30 12:58 評論0 收藏0
前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

codercao 2019-08-19 18:10 評論0 收藏0
前端技術博客文章、書籍積累

摘要：好多編輯器例如等都支持這樣的語法來快速的編寫代碼如何優雅地使用把標簽放在結束標簽之后結束標簽之前的差別什么是響應式設計怎樣進行書籍《JavaScriptDOM編程藝術》《JavaScript高級程序設計》《JavaScript框架設計》《JavaScript專家編程》《JavaScript Ninjia》《JavaScript語言精粹（修訂版）》《JavaScript設計模式》《J...

huayeluoliuhen 2019-08-01 15:13 評論0 收藏0
GitHub 值得收藏的前端項目[每月更新...]

摘要：也是一款優秀的響應式框架站點所使用的一套框架為微信服務量身設計的一套框架一組很小的，響應式的組件，你可以在網頁的項目上到處使用一個可定制的文件，使瀏覽器呈現的所有元素，更一致和符合現代標準。 GitHub 值得收藏的前端項目整理與收集的一些比較優秀github項目，方便自己閱讀，順便分享出來，大家一起學習，本篇文章會持續更新，版權歸原作者所有。歡迎github star與fork 預...

maxmin 2019-08-29 16:07 評論0 收藏0