富文本編輯器，Rich Text Editor, 簡稱 RTE, 它提供類似于 Microsoft Word 的編輯功能，容易被不會(huì)編寫 HTML 的用戶并需要設(shè)置各種文本格式的用戶所喜愛。它的應(yīng)用也越來越廣泛。

最先只有 IE 瀏覽器支持，其它瀏覽器相繼跟進(jìn)，在功能的豐富性來說，還是 IE 強(qiáng)些。雖然沒有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)，但對(duì)于最基本的功能，各瀏覽器提供的 API 基本一致，從而使編寫一個(gè)跨瀏覽器的富文本編輯器成為可能。

1、百度UEditor

官方網(wǎng)址：http://ueditor.baidu.com/website/

UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗(yàn)等特點(diǎn)，開源基于MIT協(xié)議，允許自由使用和修改代碼...

2、bootstrap-wysiwyg

官方網(wǎng)址：http://www.bootcss.com/p/bootstrap-wysiwyg/

bootstrap-wysiwyg 為Bootstrap定制的微型所見即所得（What you see is what you get）富文本編輯器。

這個(gè)jQuery Bootstrap小插件（5KB, < 200 行代碼）可以將任何一個(gè)DIV轉(zhuǎn)變成一個(gè)WYSIWYG富文本編輯器，靈感來自于 CLEditor 和 bootstrap-wysihtml5.

下面是他的主要特色：

在Mac和Wndows平臺(tái)上能夠自動(dòng)針對(duì)常用操作綁定標(biāo)準(zhǔn)熱鍵 可以通過拖拽插入圖片；支持圖片上傳（也可以獲取移動(dòng)設(shè)備上的照片）

語音識(shí)別輸入（僅限Chrome瀏覽器） 允許自定義工具條；不生成額外標(biāo)簽；

支持網(wǎng)站充分利用Bootstrap、Font Awesome等工具庫的優(yōu)秀特性 沒有強(qiáng)制規(guī)定的樣式 - 一切都由你做主 依賴瀏覽器的標(biāo)準(zhǔn)特性，沒有非標(biāo)準(zhǔn)代碼；

工具條和鍵盤功能均可定制，并且能夠執(zhí)行任何瀏覽器支持的命令 不會(huì)自己創(chuàng)建一個(gè)單獨(dú)的frame、備份文本區(qū)等 - 本編輯器盡量保持簡單，并僅僅運(yùn)行在一個(gè)DIV內(nèi) （可選）清除尾部空格；清除空的div和span

必須運(yùn)行在現(xiàn)代瀏覽器上（在Chrome 26、Firefox 19、Safari 6上經(jīng)過測試，用戶報(bào)告稱可以在IE10上工作）

支持移動(dòng)設(shè)備瀏覽器（在iOS 6 Ipad/Iphone 和 Android 4.1.1 Chrome上測試過）

3、JQUERY NOTEBOOK

官方網(wǎng)址：http://raphaelcruzeiro.github.io/jquery-notebook/

一個(gè)簡單，干凈，優(yōu)雅的所見即所得的富文本編輯器.用鼠標(biāo)選中文字可看到效果。

4、YUI 3

官方網(wǎng)址：http://yuilibrary.com/

YUI Editor 是雅虎的 YUI 包中的一個(gè)可視化HTML編輯器組件。

5、eWebEditor

官方網(wǎng)址：http://www.ewebeditor.net/

eWebEditor是一個(gè)基于瀏覽器的在線HTML編輯器，WEB開發(fā)人員可以用她把傳統(tǒng)的多行文本輸入框textarea替換為可視化的富文本輸入框。 eWebEditor主功能不需要在客戶端安裝任何的組件或控件，操作人員就可以以直覺、易用的界面創(chuàng)建和發(fā)布網(wǎng)頁內(nèi)容。 您可以通過eWebEditor自帶的可視配置工具，對(duì)eWebEditor進(jìn)行完全的配置。 eWebEditor是非常容易與您現(xiàn)有的系統(tǒng)集成，簡單到您只需要一行代碼就可以完成eWebEditor的調(diào)用。 您可以把eWebEditor應(yīng)用于各種基于網(wǎng)頁的應(yīng)用系統(tǒng)中，如內(nèi)容管理系統(tǒng)、郵件系統(tǒng)、論壇系統(tǒng)、新聞發(fā)布系統(tǒng)，等與內(nèi)容發(fā)布相關(guān)的所有應(yīng)用系統(tǒng)。

6、MarkitUp

官方網(wǎng)址：http://markitup.jaysalvat.com/examples/skin1/

一個(gè)基于jquery的開源文本編輯器， 可以將textarea元素?cái)U(kuò)展為一個(gè)簡單的文本編輯器。現(xiàn)在支持html、Wiki、BBScode等編輯格式，，有相當(dāng)不錯(cuò)的擴(kuò)展性，可定制皮膚。值得一提的是其官方網(wǎng)站相當(dāng)優(yōu)秀，有豐富的示例。此插件有個(gè)缺點(diǎn)：沒有所見即所得的模式。

7、KindEditor

官方網(wǎng)址：http://kindeditor.net/demo.php

KindEditor是基于瀏覽器的所見即所得(WYSWYG)HTML編輯器，主要應(yīng)用于CMS、論壇、博客等WEB程序里。 主要特點(diǎn)： 1) 代碼量少，功能比較多。 2) 通過添加plugin的方法，可以自定義功能。 3) 可以刪除不需要的plugin，減少文件大小。 4) 可以任意改變編輯器風(fēng)格，和網(wǎng)站融為一體。 5) 代碼容易理解，是一個(gè)可維護(hù)、可控制的編輯器。

8、jWYSIWYG

官方網(wǎng)址：http://code.google.com/p/jwysiwyg/

此插件為內(nèi)聯(lián)的富文本編輯器。它是WYMeditor簡化后的一種替代選擇，總過不超過26KB，打包后只有7KB，，只保留基本功能，但麻雀雖小，五臟俱全，擁有非常強(qiáng)悍的擴(kuò)展性，同時(shí)支持所見即所得的模式。

9、rich-text-editor-jquery

官方網(wǎng)址：http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html

非常之簡單的文本編輯器，只能說僅供學(xué)習(xí)。提供了一些基本的文字格式化操作功能。

10、WYMeditor

官方網(wǎng)址：http://www.wymeditor.org/

WYMeditor是一個(gè)所建即所得Jquery富文本編輯器。支持插件擴(kuò)展功能，是jwysiwyg的前身，有點(diǎn)龐大，功能齊全。

11、HtmlBox

官方網(wǎng)址：http://remiya.com/cms/projects/jquery-plugins/htmlbox/

HtmlBox文本編輯器，提供一個(gè)textarea表單元素，即可實(shí)現(xiàn)一個(gè)功能強(qiáng)大的HTML文本編輯器，使用非常簡單。 HTMLBox跨瀏覽器、交互性非常好、開源的Jquery富文本編輯器，在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等常用瀏覽器下測試通過。此編輯器用戶手冊(cè)可以幫住你非常容易地把此編輯器整合到自己的Web系統(tǒng)中。

12、CKEditor

官方網(wǎng)址：http://ckeditor.com/demo

CKEditor是FCKeditor的3.0版本，具有更好的性能和豐富、強(qiáng)大的集成/交互接口以及一個(gè)嶄新的用戶界面等。

13、widgEditor

官方網(wǎng)址：http://www.themaninblue.com/experiment/widgEditor/

widgEditor是一個(gè)符合WEB標(biāo)準(zhǔn)的，輕量級(jí)的文本編輯器，提供用戶需要日常所需的功能。

14、NicEdit

官方網(wǎng)址：http://nicedit.com/demos.php

NicEdit是一個(gè)輕量級(jí)，跨平臺(tái)的Inline Content Editor。NicEdit能夠讓任何 element/div變成可編輯或者能夠把標(biāo)準(zhǔn)的TextArea轉(zhuǎn)換成富文本編輯器。

15、國產(chǎn)富文本編輯-wangEditor

官方網(wǎng)址：http://www.wangeditor.com/

wangEditor基于JavaScript和css開發(fā)的 Web富文本編輯器， 輕量、簡潔、易用、開源免費(fèi)。 與國產(chǎn)編輯器 百度ueditor 和 kindeditor 相比，它輕量、易用、UI設(shè)計(jì)精致漂亮。 與國外編輯器 bootstrap-wysiwyg 和 simditor 相比，它文檔易讀、交流方便，更接地氣。 它還會(huì)根據(jù)使用者的反饋不斷完善，未來將支持移動(dòng)版。 支持IE6+瀏覽器。

本文鏈接：http://m.hkass.cn/article/177.html