KindEditor(HTML編輯器)

KindEditor是一款開源的支持在線編輯html的編輯器，主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果，主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果。開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框，兼容IE、Firefox、Chrome、Safari、Opera等主流瀏覽器。 KindEditor 使用 JavaScript 編寫，比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。該工具和fckeditor很像，但是皮膚比較好看，開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。

主要特點(diǎn)

快速：體積小，加載速度快

開源：開放源代碼，高水平，高品質(zhì)

底層：內(nèi)置自定義 DOM 類庫，精確操作 DOM

擴(kuò)展：基于插件的設(shè)計(jì)，所有功能都是插件，可根據(jù)需求增減功能

風(fēng)格：修改編輯器風(fēng)格非常容易，只需修改一個(gè) CSS 文件

兼容：支持大部分主流瀏覽器，比如 IE、firefox、Safari、Chrome、Opera

使用方法

1. 下載KindEditor。下載地址在上邊
2. 解壓文件，并把所有文件上傳到您的網(wǎng)站程序目錄下，例如：http://你的域名/editor/。
3. 要添加編輯器的頁面頭部添加以下代碼，id為textarea控件的ID。
-----------------------------------------------------------------------
<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script>
<script type="text/javascript">
KE.show({id : 'content_1'});
</script>
-----------------------------------------------------------------------
4. 要顯示編輯器的位置添加TEXTAREA輸入框。
<textarea id="content_1" name="content" style="width:700px;height:300px;visibility:hidden;"></textarea>
<!-- 注意: 如果原來有TEXTAREA，屬性里只加id,width,height即可。

以上便是WinWin7下載給大家分享的KindEditor(HTML編輯器)！