常用的HTML富文本編譯器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor簡(jiǎn)介
1、UEditor
UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器,具有輕量,可定制,注重用戶體驗(yàn)等特點(diǎn),開源基于BSD協(xié)議,允許自由使用和修改代碼...
主要特點(diǎn):
輕量級(jí):代碼精簡(jiǎ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ì)測(cè)試,通過上千個(gè)測(cè)試用例,包括自動(dòng)化用例和手動(dòng)用例,目前仍然在不斷完善中。
2、CKEditor
CKEditor是新一代的FCKeditor,是一個(gè)重新開發(fā)的版本。CKEditor是全球最優(yōu)秀的網(wǎng)頁在線文字編輯器之一,因其驚人的性能與可擴(kuò)展性而廣泛的被運(yùn)用于各大網(wǎng)站。
可配合使用的擴(kuò)展有 文件管理器KCFinder
3、TinyMCE
TinyMCE是一個(gè)輕量級(jí)的基于瀏覽器的所見即所得編輯器,支持目前流行的各種瀏覽器,由JavaScript寫成。功能配置靈活簡(jiǎn)單(兩行代碼就可以將編輯器嵌入網(wǎng)頁中),支持AJAX。另一特點(diǎn)是加載速度非??欤绻愕姆?wù)器采用的腳本語言是 PHP,那還可以進(jìn)一步優(yōu)化。最重要的是,TinyMCE是一個(gè)根據(jù)LGPL license發(fā)布的自由軟件,你可以把它用于商業(yè)應(yīng)用。本站采用的就是TinyMCE編輯器,下圖是此編輯器的界面
在線演示地址:http://tinymce.moxiecode.com/examples/full.php
4、HTMLArea
HTMLArea是一個(gè)非常不錯(cuò)的基于瀏覽器的可視化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 是一套開源的國(guó)產(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)格非常容易,只需修改一個(gè) CSS 文件兼容:支持大部分主流瀏覽器,比如 IE、Firefox、Safari、Chrome、Opera
相關(guān)文章
dedecms ckeditor編輯器添加鏈接默認(rèn)新窗口打開的修改方法
最近使用了dedecms ckeditor編輯器,發(fā)現(xiàn)每次都是當(dāng)前頁打開,對(duì)用戶瀏覽造成一定的麻煩,所以特改成新窗口打開,這里腳本之家小編為大家分享下2014-07-07javascript fckeditor編輯器取值與賦值實(shí)現(xiàn)代碼
這篇文章對(duì)于使用fckeditor編輯器的朋友是個(gè)不錯(cuò)應(yīng)用,主要介紹的是js對(duì)fckeditor的取值與賦值操作,fckeditor是個(gè)不錯(cuò)的比較方便的擴(kuò)展功能的編輯器。2010-05-05FCKeditor 2.6.6在ASP中的安裝及配置方法分享
FCKeditor目前的最新版本是2.6.6,在網(wǎng)上搜索此版本的配置方法,發(fā)現(xiàn)很少有asp的配置方法,以下就把自己的一些配置經(jīng)驗(yàn)分享給有需要的你。2012-03-03FCKeditor + SyntaxHighlighter 讓代碼高亮著色插件
FCKeditor是現(xiàn)在最為流行的開源編輯器,SyntaxHighlighter是一個(gè)用JS實(shí)現(xiàn)的代碼高亮顯示插件,F(xiàn)CKeditor + SyntaxHighlighter 讓代碼高亮著色,可以最小化修改您的程序?qū)崿F(xiàn)效果2014-06-06百度編輯器從Json對(duì)象中取值,完成初次渲染,在編輯器內(nèi)畫表格
在百度編輯器中,如何完成從服務(wù)器取值,來渲染出表格?這里需要先console.log(editor);在官方API中已經(jīng)告訴我們寫入的方法是setContent(),這里只要能傳入我們最終拼好的的字符串,即可以在初始化中,繪制出我們想要的任何節(jié)點(diǎn)2012-06-06新浪博客在線編輯器傻瓜調(diào)用版(2007.11.1第四次修正)提供下載了
新浪博客在線編輯器傻瓜調(diào)用版(2007.11.1第四次修正)提供下載了...2007-11-11