kindeditor(HTML可視化編輯器)v4.1.10

kindeditor是一套開(kāi)源的HTML可視化編輯器，主要用于讓用戶在網(wǎng)站上獲得所見(jiàn)即所得編輯效果，兼容IE、Firefox、Chrome、Safari、Opera等主流瀏覽器。功能強(qiáng)大，簡(jiǎn)便易用，最大的特色就是能夠?qū)崿F(xiàn)Word文檔中編輯時(shí)的所見(jiàn)即所得的編輯效果，由于基于插件的方式設(shè)計(jì)，其所有功能可以以插件形式實(shí)現(xiàn)，兼容多個(gè)主流瀏覽器，與Java、.NET、PHP、ASP等程序無(wú)縫鏈接。本站提供這款HTML可視化編輯器免費(fèi)下載端口，歡迎有需要的朋友下載使用。

功能介紹

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、開(kāi)源
開(kāi)放源代碼，高水平，高品質(zhì)。
3、底層
內(nèi)置自定義 DOM 類庫(kù)，精確操作 DOM。
4、擴(kuò)展
基于插件的設(shè)計(jì)，所有功能都是插件，可根據(jù)需求增減功能。
5、風(fēng)格
修改編輯器風(fēng)格非常容易，只需修改一個(gè) CSS 文件。
6、兼容
支持大部分主流瀏覽器，比如 IE、Firefox、Safari、Chrome、Opera。

使用方法

1、你要把所需的文件下載下來(lái)。把所需要的文件上傳到你的網(wǎng)站，接下來(lái)就是引用了。在需要顯示編輯器的位置添加textarea輸入框，注意ID在頁(yè)面中應(yīng)該是唯一的。

2、在該HTML頁(yè)面添加以下腳本，第一個(gè)參數(shù)可用其它CSS選擇器，匹配多個(gè)textarea時(shí)只在第一個(gè)元素上加載編輯器。通過(guò)K.create函數(shù)的第二個(gè)參數(shù)，可以對(duì)編輯器進(jìn)行配置，具體參數(shù)請(qǐng)參考 編輯器初始化參數(shù) (官網(wǎng)有詳細(xì)介紹)。


3、如果你想獲得編輯器中的數(shù)據(jù)，可以用下面的代碼。

常見(jiàn)問(wèn)題

編輯器好像是UTF-8編碼的，可以在GB2312頁(yè)面上使用嗎?
1、可以使用。有兩種方法，一種方法是引入kindeditor.js文件時(shí)將script的charset屬性設(shè)置成utf-8。
2、還有一種方法是直接將html/js/css文件編碼都轉(zhuǎn)換成GB2312編碼(用Notepad++、editPlus等文本編輯器就可以轉(zhuǎn)換編碼)，不過(guò)轉(zhuǎn)換格式后升級(jí)比較困難，建議使用第一種方法。
取不到編輯器數(shù)據(jù)，直接取得textarea的value也沒(méi)用？
1、軟件的可視化操作在新創(chuàng)建的iframe上執(zhí)行，代碼模式下的textarea框也是新創(chuàng)建的，所以最后提交前需要執(zhí)行 sync() 將HTML數(shù)據(jù)設(shè)置到原來(lái)的textarea。
2、軟件在默認(rèn)情況下自動(dòng)尋找textarea所屬的form元素，找到form后onsubmit事件里添加editor.sync()函數(shù)，所以用form方式提交數(shù)據(jù)，不需要手動(dòng)執(zhí)行editor.sync()函數(shù)。
為什么有些標(biāo)簽被過(guò)濾?
1、KindEditor默認(rèn)采用白名單過(guò)濾方式，可用 htmlTags 參數(shù)定義要保留的標(biāo)簽和屬性。當(dāng)然也可以用 filterMode 參數(shù)關(guān)閉過(guò)濾模式，保留所有標(biāo)簽。
kindeditor上傳文件超過(guò)30M報(bào)錯(cuò)的解決辦法？
1、點(diǎn)擊kindeditor上的文件上傳圖標(biāo)。

2、小于30M的文件都可以上傳成功。

3、如果上傳超過(guò)30M的文件。

4、上傳超過(guò)30M的文件會(huì)報(bào)錯(cuò)。

5、接下來(lái)我們打開(kāi)IIS，找到對(duì)應(yīng)的應(yīng)用程序 ，點(diǎn)擊選擇“請(qǐng)求篩選”。

6、然后選擇“編輯功能設(shè)置...”。

7、在彈出的”編輯請(qǐng)求篩選設(shè)置“對(duì)話框中，默認(rèn)的文件大小是30M，可以根據(jù)需要自行修改大小。

8、然后上傳，就可以上傳成功了。

更新日志

kindeditorv4.1.10（2019-10-07）
1、新增單元格編輯功能。（右鍵點(diǎn)擊單元格可以看到編輯選項(xiàng)。）
2、各種按鈕（確定、取消、上傳等按鈕）在不同瀏覽器上保持相同外觀。
3、移除table格式的陰影效果，通過(guò)CSS3實(shí)現(xiàn)dialog陰影，IE6～I(xiàn)E8不顯示陰影。