KindEditor官方版是在國內非常受歡迎的HTML在線編輯器,KindEditor官方版可以讓用戶在網站上獲得所見即所得編輯效果,開發人員可以用,KindEditor官方版把傳統的多行文本輸入框(textarea)替換為可視化的富文本輸入框。
快速:體積小,加載速度快
開源:開放源代碼,高水平,高品質
底層:內置自定義 DOM 類庫,精確操作 DOM
擴展:基于插件的設計,所有功能都是插件,可根據需求增減功能
風格:修改編輯器風格非常容易,只需修改一個 CSS 文件
兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera
新增: 韓國語語言包。
新增: allowImageRemote初始化參數,可隱藏網絡圖片標簽。
改善: 插入程序代碼添加是否為空的判斷。
Bugfix: [IE9] 在frame里調用編輯器,關閉批量上傳dialog時瀏覽器會崩潰。
Bugfix: 插入圖片后輸入文字,文字加粗后取消加粗,圖片會被刪除。
Bugfix: [IE] 工具欄被圖片選中標記覆蓋時有時候無法操作,比如居中對齊后再左對齊。
Bugfix: 全屏ESC快捷鍵默認未開啟,但圖標提示還包含ESC。
Bugfix: 圖片上傳后的url包含&時會被轉換成&。
Bugfix: [IE] 移除編輯器后點擊頁面出現沒有權限錯誤。
Bugfix: [IE] 輸入幾個文字,調用editor.html(val)后,插入表情報錯。
Bugfix: 調用editor.resize(),退出全屏后,高度沒恢復成原來的大小。
1.在本站下載kindeditor壓縮包并解壓
2.在tomcat的webapps目錄下新建文件夾kindeditor,然后把下載的KindEditor下的這些文件Copy到上面創建的文件夾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.在瀏覽器中輸入地址,回車,沒有看到KindEditor官網展示的界面
6.查看下源碼: ,這個名字與Copy過來的不同,把Copy過來的kindeditor-all.js或kindeditor-all-min.js更改為kindeditor.js
7.重新刷新下瀏覽器,OK,KindEditor官網上的demo又展示出來了
編輯器好像是UTF-8編碼的,可以在GB2312頁面上使用嗎?
可以使用。有兩種方法,一種方法是引入kindeditor.js文件時將script的charset屬性設置成utf-8。
還有一種方法是直接將html/js/css文件編碼都轉換成GB2312編碼(用Notepad++、editPlus等文本編輯器就可以轉換編碼),不過轉換格式后升級比較困難,建議使用第一種方法。
我取不到編輯器數據,直接取得textarea的value也沒用怎么辦?
KindEditor的可視化操作在新創建的iframe上執行,代碼模式下的textarea框也是新創建的,所以最后提交前需要執行 sync() 將HTML數據設置到原來的textarea。
KindEditor在默認情況下自動尋找textarea所屬的form元素,找到form后onsubmit事件里添加editor.sync()函數,所以用form方式提交數據,不需要手動執行editor.sync()函數。
為什么有些標簽被過濾?
KindEditor默認采用白名單過濾方式,可用 htmlTags 參數定義要保留的標簽和屬性。當然也可以用 filterMode 參數關閉過濾模式,保留所有標簽。
網友評論