KindEditor(HTML可視化編輯器)是一套開源的HTML可視化編輯器,主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果,開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。 KindEditor 使用 JavaScript 編寫,可以無縫地與 Java、.NET、PHP、ASP 等程序集成,比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。2006年7月首次發(fā)布2.0以來,KindEditor依靠出色的用戶體驗(yàn)和領(lǐng)先的技術(shù)不斷擴(kuò)大編輯器市場(chǎng)占有率,目前在國(guó)內(nèi)已經(jīng)成為最受歡迎的編輯器之一。歡迎下載!~
功能介紹
1、體積小,加載速度快,但功能十分豐富。
2、內(nèi)置自定義range,完美地支持span標(biāo)記。
3、基于插件的方式設(shè)計(jì),所有功能都是插件,增加自定義和擴(kuò)展功能非常簡(jiǎn)單。
4、修改編輯器風(fēng)格很容易,只需修改一個(gè)CSS文件。
5、支持大部分主流瀏覽器,比如IE、Firefox、Safari、Chrome、Opera。
軟件特點(diǎn)
1、快速
體積小,加載速度快。
2、開源
開放源代碼,高水平,高品質(zhì)。
3、底層
內(nèi)置自定義 DOM 類庫,精確操作 DOM。
4、擴(kuò)展
基于插件的設(shè)計(jì),所有功能都是插件,可根據(jù)需求增減功能。
5、風(fēng)格
修改編輯器風(fēng)格非常容易,只需修改一個(gè) CSS 文件。
6、兼容
支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera。
常見問題
編輯器好像是UTF-8編碼的,可以在GB2312頁面上使用嗎?
1、可以使用。有兩種方法,一種方法是引入kindeditor.js文件時(shí)將script的charset屬性設(shè)置成utf-8。
2、還有一種方法是直接將html/js/css文件編碼都轉(zhuǎn)換成GB2312編碼(用Notepad++、editPlus等文本編輯器就可以轉(zhuǎn)換編碼),不過轉(zhuǎn)換格式后升級(jí)比較困難,建議使用第一種方法。
取不到編輯器數(shù)據(jù),直接取得textarea的value也沒用?
1、KindEditor的可視化操作在新創(chuàng)建的iframe上執(zhí)行,代碼模式下的textarea框也是新創(chuàng)建的,所以最后提交前需要執(zhí)行 sync() 將HTML數(shù)據(jù)設(shè)置到原來的textarea。
2、KindEditor在默認(rèn)情況下自動(dòng)尋找textarea所屬的form元素,找到form后onsubmit事件里添加editor.sync()函數(shù),所以用form方式提交數(shù)據(jù),不需要手動(dòng)執(zhí)行editor.sync()函數(shù)。
為什么有些標(biāo)簽被過濾?
1、KindEditor默認(rèn)采用白名單過濾方式,可用 htmlTags 參數(shù)定義要保留的標(biāo)簽和屬性。當(dāng)然也可以用 filterMode 參數(shù)關(guān)閉過濾模式,保留所有標(biāo)簽。