KindEditor是一個開源的在線HTML編輯器,可以實現(xiàn)Word文檔中編輯時的所見即所得的編輯效果,是TextArea輸入框很好的替換組件。
1. 體積小,加載速度快,但功用非常豐厚。2. 內(nèi)置自定義range,圓滿地支持span標志。
3. 基于插件的方式設計,一切功用都是插件,增加自定義和擴展功用十分簡單。
4. 修正編輯器作風很容易,只需修正一個CSS文件。
5. 支持大局部主流閱讀器,比方IE、Firefox、Safari、Chrome、Opera。
快速:體積小,加載速度快
開源:開放源代碼,高程度,高質(zhì)量
底層:內(nèi)置自定義 DOM 類庫,準確操作 DOM
擴展:基于插件的設計,一切功用都是插件,可依據(jù)需求增減功用
作風:修正編輯器作風十分容易,只需修正一個 CSS 文件
兼容:支持大局部主流閱讀器,比方 IE、Firefox、Safari、Chrome、Opera
kindeditor常見問題
編輯器仿佛是UTF-8編碼的,能夠在GB2312頁面上運用嗎?
能夠運用。有兩種辦法,一種辦法是引入kindeditor.js文件時將script的charset屬性設置成utf-8。
還有一種辦法是直接將html/js/css文件編碼都轉(zhuǎn)換成GB2312編碼(用Notepad++、editPlus等文本編輯器就能夠轉(zhuǎn)換編碼),不過轉(zhuǎn)換格式后晉級比擬艱難,倡議運用第一種辦法。
我取不到編輯器數(shù)據(jù),直接獲得textarea的value也沒用。
KindEditor的可視化操作在新創(chuàng)立的iframe上執(zhí)行,代碼形式下的textarea框也是新創(chuàng)立的,所以最后提交前需求執(zhí)行 sync() 將HTML數(shù)據(jù)設置到原來的textarea。
KindEditor在默許狀況下自動尋覓textarea所屬的form元素,找到form后onsubmit事情里添加editor.sync()函數(shù),所以用form方式提交數(shù)據(jù),不需求手動執(zhí)行editor.sync()函數(shù)。
為什么有些標簽被過濾?
KindEditor默許采用白名單過濾方式,可用 htmlTags 參數(shù)定義要保存的標簽和屬性。當然也能夠用 filterMode 參數(shù)關(guān)閉過濾形式,保存一切標簽。
1.在本站下載kindeditor緊縮包并解壓
2.在tomcat的webapps目錄下新建文件夾kindeditor,然后把下載的KindEditor下的這些文件Copy到上面創(chuàng)立的文件夾jsp、lang、plugins、themes、kindeditor-all.js、kindeditor-all-min.js
3.由于jsp代碼依賴第三方jar,需求把jsp/lib下的三個jar,commons-fileupload-1.2.1.jar、commons-io-1.4.jar、json_simple-1.1.jar,copy到tomcat下的kindeidtor/WEB-INF/lib目錄
4.啟動tomcat。
5.在閱讀器中輸入地址:http://127.0.0.1:8080/kindeditor/jsp/demo.jsp,回車,沒有看到KindEditor官網(wǎng)展現(xiàn)的界面
6.查看下源碼: ,這個名字與Copy過來的不同,把Copy過來的kindeditor-all.js或kindeditor-all-min.js更改為kindeditor.js
7.重新刷新下閱讀器,OK,KindEditor官網(wǎng)上的demo又展現(xiàn)出來了