[xPlugins] 開發中經常使用富文本編輯器介紹

富文本編輯器學習，常見富文本編輯器有：

CKeditor（FCkeditor）、UEditor(百度推出的)、NicEdit、KindEditor

 

CKEditor 即 FCKEditor

FCKeditor是目前最優秀的可見便可得網頁編輯器之一，它採用JavaScript編寫。具有功能強大、配置容易、跨瀏覽器、支持多種編程語言、開源等特色。它很是流行，互聯網上很容易找到相關技術文檔，國內許多WEB項目和大型網站均採用了FCKeditor。

FCKeditor是一個專門使用在網頁上屬於開放源代碼的所見即所得文字編輯器。它志於輕量化，不須要太複雜的安裝步驟便可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不一樣的編程語言相結合。「FCKeditor」名稱中的「FCK」 是這個編輯器的做者的名字Frederico Caldeira Knabben的縮寫。

●瀏覽器支持，像是 : Internet Explorer 5.5+(Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。在將來的版本也將會加入對 Opera的支持。

FckEditor改名CKEditor

著名的開源網頁編輯軟件FCKEditor在09年發佈更新到3.0，並更名爲CKEditor。原來叫FCK，是由於最初的開發者叫Frederico Calderia Knabben；如今叫CK，意指"Content and Knowledge"。新版的編輯器的更新包括：新的用戶界面，一個支持Plug-in的Javascript API，並提供對視覺障礙者的使用支持。"

據官方的解釋，CK是對FCK的代碼的徹底重寫，並且此項工做從2007年就開始了，並在今年初發表了多個測試版。至此，爲你們服務長達6年的FCKeditor將被CKeditor替代。

 

UEditor

UEditor是由百度WEB前端研發部開發的所見即所得的開源富文本編輯器，具備輕量、可定製、用戶體驗優秀等特色。開源基於BSD協議，全部源代碼在協議容許範圍內可自由修改和使用。百度UEditor的推出，能夠幫助很多網站開發者在開發富文本編輯器所遇到的難題，節約開發者因開發富文本編輯器所須要的大量時間，有效下降了企業的開發成本。

UEditor特色:

UEditor在設計上採用了經典的分層架構設計理念，儘可能作到功能層次之間的輕度耦合。具體來說，整個系統分爲了核心層、命令插件層和UI層這樣三個低耦合的層次。

一、核心層提供了編輯器底層的一些方法和概念，如DOM樹操做、Selection、Range等。

二、在覈心層之上覆蓋的是命令插件層。之因此叫命令插件層，是由於UEditor中全部的功能型實現都是經過這一層中的命令和插件來完成的，而且各個命令和插件之間基本互不耦合——使用者須要使用哪一個功能就導入哪一個功能對應的命令或者插件文件，徹底不用考慮另外那些雜七雜八的JS文件（極少數插件除外，關於這些插件下文會整理出一個依賴列表來供同窗們參考）。

理論上來說，全部的命令都是能夠用插件來代替的，可是依然將二者分開的主要緣由是命令都是一些靜態的方法，無需隨editor實例初始化，從而優化了編輯器的性能。而插件隨編輯器的初始化而初始化，性能上會有少量的影響，但相比命令而言，插件可以完成更加複雜的功能。其中最主要的一個特色是在插件內部既能夠爲編輯器註冊命令，也能夠爲編輯器綁定監聽事件。這個特色使得爲編輯器添加任何功能均可以在插件中獨立完成。

三、在命令插件層之上則是UI層。UEditor的UI設計與核心層和命令插件層幾乎徹底解耦，簡單的幾個配置就能夠爲編輯器在界面上添加額外的UI元素和功能，具體的配置下面將會深刻闡述。

 

NicEdit

暫無詳細介紹

 

KindEditor

KindEditor是一套開源的HTML可視化編輯器，主要用於讓用戶在網站上得到所見即所得編輯效果，兼容IE、Firefox、Chrome、Safari、Opera等主流瀏覽器。KindEditor使用JavaScript編寫，能夠無縫的於Java、.NET、PHP、ASP等程序接合。 KindEditor很是適合在CMS、商城、論壇、博客、Wiki、電子郵件等互聯網應用上使用，2006年7月首次發佈2.0以來，KindEditor依靠出色的用戶體驗和領先的技術不斷擴大編輯器市場佔有率，目前在國內已經成爲最受歡迎的編輯器之一。

KindEditor特色:

1. 體積小，加載速度快，但功能十分豐富。2. 內置自定義range，完美地支持span標記。

3. 基於插件的方式設計，全部功能都是插件，增長自定義和擴展功能很是簡單。

4. 修改編輯器風格很容易，只需修改一個CSS文件。

5. 支持大部分主流瀏覽器，好比IE、Firefox、Safari、Chrome、Opera。