富文本編輯器,Rich Text Editor, 簡稱 RTE, 它提供類似於 Microsoft Word 的編輯功能,容易被不會編寫 HTML 的用戶並需要設置各種文本格式的用戶所喜愛。它的應用也越來越廣泛。
1、UEditor---百度編輯器
網址:http://ueditor.baidu.com/website/
UEditor是由百度web前端研發部開發所見即所得富文本web編輯器,具有輕量,可定製,注重用戶體驗等特點,開源基於MIT協議,允許自由使用和修改代碼。
UEditor推出後幫助網站開發者在開發富文本編輯器所遇到的難題,節約開發時間,有效降低了開發成本。
2、CKEditor 和 FCKeditor
網址:http://ckeditor.com/
CKEditor是新一代的FCKeditor,是一個重新開發的版本。CKEditor是全球最優秀的網頁在線文字編輯器之一,因其驚人的性能與可擴展性而廣泛的被運用於各大網站。它志於輕量化,不需要太複雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結合。
3、KindEditor
網址:http://kindeditor.net/
KindEditor 是一套開源的在線HTML編輯器,主要用於讓用戶在網站上獲得所見即所得編輯效果,開發人員可以用 KindEditor 把傳統的多行文本輸入框(textarea)替換為可視化的富文本輸入框。 KindEditor 使用 JavaScript 編寫,可以無縫地與 Java、.NET、PHP、ASP 等程序集成,比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯網應用上使用。
主要特點:
快速:體積小,加載速度快
開源:開放源代碼,高水平,高品質
底層:內置自定義 DOM 類庫,精確操作 DOM
擴展:基於插件的設計,所有功能都是插件,可根據需求增減功能
風格:修改編輯器風格非常容易,只需修改一個 CSS 文件
兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera
4、TinyMCE
網址:https://www.tinymce.com/
TinyMCE是一個輕量級的基於瀏覽器的所見即所得編輯器,支持目前流行的各種瀏覽器,由JavaScript寫成。功能配置靈活簡單(兩行代碼就可以將編輯器嵌入網頁中),支持AJAX。另一特點是加載速度非常快,如果你的服務器採用的腳本語言是 PHP,那還可以進一步優化。最重要的是,TinyMCE是一個根據LGPL license發佈的自由軟件,你可以把它用於商業應用。
5、Simditor
網址:http://simditor.tower.im/
Simditor 是團隊協作工具 Tower 使用的富文本編輯器。Tower 認為,作為一款在線生產力工具,讓用戶能極其舒暢地生產內容是它的核心品質之一,因此決定自己開發一款編輯器,這就是 Simditor 產生的原因。Simditor的理念是保持簡單,避免過度的功能,每一個特性都追求極致的用戶體驗。同時,Simditor也很容易擴展。
主要特點:
功能精簡,加載快速
輸出格式化的標準 HTML
每一個功能都有非常優秀的使用體驗
兼容的瀏覽器:IE10+、Chrome、Firefox、Safari
6、eWebEditor
網址:http://www.ewebeditor.net/
eWebEditor是基於瀏覽器的、所見即所得的在線HTML編輯器。她能夠在網頁上實現許多桌面編輯軟件(如:Word)所具有的強大可視編輯功能。WEB開發人員可以用她把傳統的多行文本輸入框<TEXTAREA>替換為可視化的富文本輸入框,使最終用戶可以可視化的發佈HTML格式的網頁內容。
7、wangEditor
網址:http://www.wangeditor.com/
wangEditor的定位是做最簡單、易用、快捷、輕量化的富文本編輯器。基於javascript和css開發的開源免費Web富文本編輯器。它經歷了兩次代碼重構和五次UI升級。配置方便,使用簡單。支持 IE10+ 瀏覽器。
8、xhEditor
網址:http://xheditor.com/
xhEditor是一個基於jQuery開發的簡單迷你並且高效的在線可視化HTML編輯器。
xhEditor完全基於Javascript開發,您可以應用在任何的服務端語言環境下。
xhEditor可以在CMS、博客、論壇、商城等互聯網平臺上完美的嵌入運行,能夠非常靈活簡單的和您的系統實現完美的無縫銜接。
自2009年4月首個版本發佈以來,憑藉我們人性化的用戶體驗和不斷持續完善的態度,越來越多的網站選擇了使用xhEditor。
主要特點:
精簡迷你:初始加載65k。若gzip壓縮傳輸,縮減為24k左右。
使用簡單:簡單的調用方式,就能將您的textarea立馬變成一個可視化編輯器。
無障礙訪問:提供WAI-ARIA全面支持,全程語音嚮導,讓殘疾人也能使用。
內置Ajax上傳:內置強大的Ajax上傳,剪切板上傳及遠程抓取上傳。
Word自動清理:實現Word代碼自動檢測並清理。
UBB可視化編輯:提供完美的UBB可視化編輯解決方案。
9、bootstrap-wysiwyg
網址:http://www.bootcss.com/p/bootstrap-wysiwyg/
為Bootstrap定製的微型所見即所得(What you see is what you get)富文本編輯器。輕量、簡潔大方好看、使用方便。
10、QuillEditor
網址:https://quilljs.com/
Quill 是一個開源的富文本編輯器,基於可擴展的架構設計,提供豐富的 API 進行定製。一個可以幫助開發人員解決所見即所得的編輯器工具,該編輯器旨在通過自身的編輯模塊提供強大的API來構建自定義式的編輯器,最重要的是它沒有規定樣式,你可以自定義自己的編輯器以符合自己的使用需求。