常用的HTML富文本編譯器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、Ki
1、UEditor
UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器,具有輕量,可定制,注重用戶體驗(yàn)等特點(diǎn),開源基于BSD協(xié)議,允許自由使用和修改代碼...
主要特點(diǎn):
輕量級:代碼精簡,加載迅速。
定制化:
全新的分層理念,滿足多元化的需求。
采用三層架構(gòu):
1. 核心層: 為命令層提供底層API,如range/selection/domUtils類。
2. 命令插件層: 基于核心層開發(fā)command命令,命令之間相互獨(dú)立。
3. 界面層: 為命令層提供用戶使用界面。
滿足不同層次用戶的需求。
瀏覽器兼容
兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome,實(shí)現(xiàn)瀏覽器無差別化。
注重細(xì)節(jié)
統(tǒng)一不同瀏覽器下表格選取方式。
提供黑/白名單的過濾機(jī)制。
更好的word支持,實(shí)現(xiàn)粘貼轉(zhuǎn)換機(jī)制。
穩(wěn)定性
經(jīng)過專業(yè)的QA團(tuán)隊(duì)測試,通過上千個測試用例,包括自動化用例和手動用例,目前仍然在不斷完善中。
2、CKEditor
CKEditor是新一代的FCKeditor,是一個重新開發(fā)的版本。CKEditor是全球最優(yōu)秀的網(wǎng)頁在線文字編輯器之一,因其驚人的性能與可擴(kuò)展性而廣泛的被運(yùn)用于各大網(wǎng)站。
可配合使用的擴(kuò)展有 文件管理器KCFinder
在線演示:http://ckeditor.com/demo
3、TinyMCE
TinyMCE是一個輕量級的基于瀏覽器的所見即所得編輯器,支持目前流行的各種瀏覽器,由JavaScript寫成。功能配置靈活簡單(兩行代碼就可以將編輯器嵌入網(wǎng)頁中),支持AJAX。另一特點(diǎn)是加載速度非常快,如果你的服務(wù)器采用的腳本語言是 PHP,那還可以進(jìn)一步優(yōu)化。最重要的是,TinyMCE是一個根據(jù)LGPL license發(fā)布的自由軟件,你可以把它用于商業(yè)應(yīng)用。本站采用的就是TinyMCE編輯器,下圖是此編輯器的界面
在線演示地址:http://tinymce.moxiecode.com/examples/full.php
4、HTMLArea
HTMLArea是一個非常不錯的基于瀏覽器的可視化HTML編輯器,速度超快,功能一般, 文件不大, 支持是幾種語言, 比較容易定制, 使用廣泛,支持IE/Firefox/Mozilla等多種瀏覽器. 遵循BSD版權(quán), 目前最新版是3.0.加載速度很快,界面如下:
5、eWebEditor
eWebEditor是基于瀏覽器的、所見即所得的在線HTML編輯器。她能夠在網(wǎng)頁上實(shí)現(xiàn)許多桌面編輯軟件(如:Word)所具有的強(qiáng)大可視編輯功能。 WEB開發(fā)人員可以用她把傳統(tǒng)的多行文本輸入框textarea替換為可視化的富文本輸入框,使最終用戶可以可視化的發(fā)布HTML格式的 網(wǎng)頁內(nèi)容。eWebEditor!已基本成為網(wǎng)站內(nèi)容管理發(fā)布的必備工具!
6、KindEditor
KindEditor 是一套開源的國產(chǎn)在線HTML編輯器,主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果,開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。 KindEditor 使用 JavaScript 編寫,可以無縫地與 Java、.NET、PHP、ASP 等程序集成,比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。
主要特點(diǎn)快速:體積小,加載速度快開源:開放源代碼,高水平,高品質(zhì)底層:內(nèi)置自定義 DOM 類庫,精確操作 DOM擴(kuò)展:基于插件的設(shè)計(jì),所有功能都是插件,可根據(jù)需求增減功能風(fēng)格:修改編輯器風(fēng)格非常容易,只需修改一個 CSS 文件兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera
上一篇:CKEditor中加入syntaxhighlighter代碼高亮插件
欄 目:網(wǎng)頁編輯器
下一篇:解決SyntaxHighlighter 代碼高亮不換行問題的解決方法
本文標(biāo)題:常用的HTML富文本編譯器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、Ki
本文地址:http://mengdiqiu.com.cn/a1/wangyebianjiqi/11787.html
您可能感興趣的文章


閱讀排行
本欄相關(guān)
- 01-11針對PHP環(huán)境下Fckeditor編輯器上傳圖片
- 01-11關(guān)于jsp版ueditor1.2.5的部分問題解決(上
- 01-11UEditor編輯器自定義上傳圖片或文件路
- 01-11UEditor 編輯器跨域上傳解決方法
- 01-11免費(fèi)開源百度編輯器(UEditor)使用方法
- 01-11ckeditor插件開發(fā)簡單實(shí)例
- 01-11使用ZeroClipboard解決跨瀏覽器復(fù)制到剪
- 01-11CKEditor 取消轉(zhuǎn)義的兩種方法
- 01-11FCKeditor + SyntaxHighlighter 讓代碼高亮著
- 01-11為SyntaxHighlighter添加新語言的方法
隨機(jī)閱讀
- 01-10delphi制作wav文件的方法
- 08-05織夢dedecms什么時候用欄目交叉功能?
- 04-02jquery與jsp,用jquery
- 08-05dedecms(織夢)副欄目數(shù)量限制代碼修改
- 01-11Mac OSX 打開原生自帶讀寫NTFS功能(圖文
- 01-10C#中split用法實(shí)例總結(jié)
- 08-05DEDE織夢data目錄下的sessions文件夾有什
- 01-10使用C語言求解撲克牌的順子及n個骰子
- 01-11ajax實(shí)現(xiàn)頁面的局部加載
- 01-10SublimeText編譯C開發(fā)環(huán)境設(shè)置