我挺喜歡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都做了點改動。
剛才把kindeditor線上編輯器做成視覺化UBB編輯模式了
相關文章
- 開源線上視覺化流程編輯器視覺化
- thinkphp編輯器kindeditorPHP
- 怎麼把excel表做成線上編輯 excel怎麼設定共享多人編輯Excel
- 線上編輯器KindEditor看樣子不錯
- js 操作kindeditor編輯器JS
- 視覺化編輯器的設計視覺化
- 視覺化介面編輯器設計視覺化
- 低程式碼 系列 —— 視覺化編輯器3視覺化
- HTML線上編輯器HTML
- AngularJS教程十一—— 文字編輯器kindeditorAngularJS
- json-schema 視覺化編輯器釋出了JSON視覺化
- 視覺化表單流程編輯器為啥好用?視覺化
- Html 文件線上編輯器HTML
- 視覺化對話樹編輯筆記視覺化筆記
- Flutter終於有視覺化編輯頁面了(Hot UI)Flutter視覺化UI
- KindEditor編輯器的圖片上傳問題
- 線上富文字編輯器初探
- 線上HTML編輯器推薦HTML
- 適用於PHP的視覺化HTML編輯器推薦PHP視覺化HTML
- 徵求意見:做了一個前端編輯器,視覺化編輯 HTML,想嵌入 Laravel 專案,有用嗎?前端視覺化HTMLLaravel
- 程式碼線上編譯器(上)- 編輯及編譯編譯
- 用於CKeditor編輯器的視覺化數學公式外掛視覺化公式
- 線上程式碼編輯器選型
- Vim 編輯器的相容模式模式
- HTML編輯器 KindEditor 4.1.10 釋出,相容IE11HTMLIE11
- 在KindEditor中編輯可上傳MP4
- 一個較為完備的 antd 視覺化編輯器實現視覺化
- 一個專業的視覺化停車場地圖編輯器視覺化地圖
- 視覺化程式碼編輯器:Blocs for mac v5.1.4啟用版視覺化BloCMac
- myeclipse關閉html,jsp等頁面的視覺化編輯器EclipseHTMLJS視覺化
- 『學了就忘』vim編輯器基礎 — 94、vim編輯器介紹
- 分享一款可編輯本地電腦檔案的線上編輯器
- LeaRun.Java視覺化拖拽編輯的BI大屏Java視覺化
- 10個線上HTML程式碼編輯器HTML
- 常用編輯器列模式快捷鍵模式
- 妙用編輯器:把EverEdit變成計算器
- 基於 ReactJS 開發簡單的視覺化業務編輯器 01ReactJS視覺化
- vim 列編輯模式模式