19款Javascript富文本網(wǎng)頁(yè)編輯器
1. AIE (演示地址)
AIE是一個(gè)開(kāi)源的ajax圖片編輯器,基于ExtJS與PHP ImageMagick開(kāi)發(fā),易于與博客/相冊(cè)等其它應(yīng)用相集成。提供調(diào)整圖片大小,裁剪圖片,旋轉(zhuǎn)/翻轉(zhuǎn)圖片,應(yīng)用濾鏡,添加文本,添加水印等功能。
2. MarkitUp (演示地址)
MarkitUp是一個(gè)輕量級(jí),可定制,靈活的WYSIWYG Editor。
3. SmartMarkUP
SmartMarkUP是一個(gè)輕量級(jí),強(qiáng)大的JavaScript library,它能夠?qū)extarea控件轉(zhuǎn)換成富文本編輯器。支持html、CSS、XML、Wiki語(yǔ)法、BBCode等,可按實(shí)際需求配置。SmartMarkUP沒(méi)有基于任何javascript框架開(kāi)發(fā),易于現(xiàn)有項(xiàng)目結(jié)合使用。
4. KindEditor
KindEditor是基于瀏覽器的所見(jiàn)即所得(WYSWYG)HTML編輯器,主要應(yīng)用于CMS、論壇、博客等WEB程序里。
主要特點(diǎn):
1) 代碼量少,功能比較多。
2) 通過(guò)添加plugin的方法,可以自定義功能。
3) 可以刪除不需要的plugin,減少文件大小。
4) 可以任意改變編輯器風(fēng)格,和網(wǎng)站融為一體。
5) 代碼容易理解,是一個(gè)可維護(hù)、可控制的編輯器。
5. Control.Editor (演示地址)
Control.Editor是一個(gè)基于Mootools開(kāi)發(fā)的WYSIWYG Editor。
6. Damn Small Rich Text Editor
基于jquery開(kāi)發(fā),能夠從IFRAME元素創(chuàng)建一個(gè)Rich Text Editor。提供了所有基本的Rich Text功能,可設(shè)置文本編輯區(qū)大小,Ajax上傳圖片等。
7. EditArea
EditArea是一個(gè)javascript源代碼編輯器。支持:文本格式化,搜索與替換,實(shí)時(shí)語(yǔ)法著色加亮。當(dāng)前支持的語(yǔ)言包括:PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。
8. FCKeditor
FCKeditor是一個(gè)類似于MS Word的HTML文本編輯器。兼容多種瀏覽器,輸出符合XHTML1.0標(biāo)準(zhǔn),支持CSS以便能夠與你的網(wǎng)站更好的結(jié)合,提供右鍵操作菜單,支持直接從Word粘貼,可以自己定制功能工具條,支持皮膚更換和通過(guò)插件擴(kuò)展功能等。
9. Free Rich Text Editor
Free Rich Text Editor是一個(gè)易于使用的HTML WYSIWYG編輯器。只需要三行代碼,就能夠安裝該編輯器。支持以下瀏覽器:
- Internet Explorer
- Internet Explorer 6 (Microsoft Windows)
- Internet Explorer 7 (Microsoft Windows)
- Mozilla firefox
- Mozilla Firefox 1.5 (Microsoft Windows)
- Mozilla Firefox 1.5 (Apple Macintosh)
- Opera
- Opera 9 (Microsoft Windows)
- Safari
- Safari 1.3 (Apple Macintosh)
10. jwysiwyg
WYSIWYG jQuery插件。整個(gè)編輯器文件大小只有17Kb。
11. NicEdit
NicEdit是一個(gè)輕量級(jí),跨平臺(tái)的Inline Content Editor。NicEdit能夠讓任何 element/div變成可編輯或者能夠把標(biāo)準(zhǔn)的textareas轉(zhuǎn)換成Rich文本編輯器。
12. OpenWYSIWYG
純javascript開(kāi)發(fā)的,跨瀏覽器WYSIWYG Editor。只一行簡(jiǎn)單的代碼就能夠?qū)?STRONG>標(biāo)簽轉(zhuǎn)換成一個(gè)強(qiáng)大的WYSIWYG editor。
13. TinyMCE
TinyMCE是一個(gè)開(kāi)源,純JavaScript HTML WYSIWYG編輯器。它能夠把HTML TEXTAREA或其它HTML標(biāo)簽轉(zhuǎn)換成Rich編輯器。TinyMCE非常易于集成到其它內(nèi)容管理系統(tǒng)中??梢酝ㄟ^(guò)外觀/主題和插件來(lái)定制滿足自己需求的編輯器。提供漢化語(yǔ)言包。多瀏覽器支持:Mozilla、MSIE、FireFox、Opera和Safari。此外你還可以很方便地使用Ajax來(lái)保存和加載內(nèi)容。
14. Yahoo! UI:Rich Text Editor
來(lái)自Yahoo! UI庫(kù)中一個(gè)功能強(qiáng)大的Rich文本編輯器。
15. Xinha
Xinha是一個(gè)功能強(qiáng)大的WYSIWYG HTML編輯器,支持所有基于Mozilla的瀏覽器和MS IE。它具有易于擴(kuò)展,功能模塊豐富等特性。并且提供文件管理、圖片上傳插件、還可以對(duì)圖片進(jìn)行簡(jiǎn)單的編輯等功能。
16. WYMeditor
WYMeditor是一個(gè)web WYSIWYM XHTML編輯器。
17. SPAW Editor
又一款可視化在線編輯器.
18. CKEditor (演示地址)
CKEditor是FCKeditor的3.0版本,具有更好的性能和豐富、強(qiáng)大的集成/交互接口以及一個(gè)嶄新的用戶界面等。
19. widgEditor (演示地址)
widgEditor是一個(gè)符合WEB標(biāo)準(zhǔn)的,輕量級(jí)的文本編輯器,提供用戶需要日常所需的功能
相關(guān)文章
FCKeditor 插件開(kāi)發(fā) 示例(詳細(xì)版本)
2009-06-06SyntaxHighlighter配合CKEditor插件輕松打造代碼語(yǔ)法著色
作為程序員在寫博客文章的時(shí)候,經(jīng)常要插入些代碼片斷,很多博客系統(tǒng)都提供代碼語(yǔ)法著色高亮顯示的功能或插件,讓代碼顯示更直接明了2012-09-09CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程(含插入圖片)
CKEditor 是著名的 HTML 編輯器,IBM、Oracle、Adobe 等都在用。CKEditor 創(chuàng)建于 2003 年,其前身為 FCKEditor,在 2009 年的時(shí)候把“F”去掉了,更名為 CKEditor。2010-03-03將CKfinder 整合進(jìn) CKEditor3.0的方法
CKFinder是一款基于AJAX的文件瀏覽器,這是ASP.NET專用版,它可以在線瀏覽文件、管理文件、上傳文件,以樹(shù)形Tree的方式展開(kāi)目錄,自動(dòng)檢測(cè)圖片并生成縮略圖,它是由Fckeditor公司出品,同時(shí)也可配合FckEditor來(lái)使用,可達(dá)到意想不到的效果。2010-01-01javascript fckeditor編輯器取值與賦值實(shí)現(xiàn)代碼
這篇文章對(duì)于使用fckeditor編輯器的朋友是個(gè)不錯(cuò)應(yīng)用,主要介紹的是js對(duì)fckeditor的取值與賦值操作,fckeditor是個(gè)不錯(cuò)的比較方便的擴(kuò)展功能的編輯器。2010-05-05關(guān)于CKeditor的非主流個(gè)性應(yīng)用的設(shè)置
因?yàn)槲业木W(wǎng)站需要一個(gè)編輯器,所以用周末時(shí)間研究了一下CKeditor,終于最終修改成了合適的樣子。2009-12-12eWebEditor 輯器按鈕失效 IE8下eWebEditor編輯器無(wú)法使用的解決方法
最近我把IE瀏覽器更新到了IE8.0,在用eWebEditor在線HTML文本編輯器的時(shí)候點(diǎn)擊eWebEditor上的所有編輯按鈕都沒(méi)用,只看到瀏覽器狀態(tài)欄左下角顯示網(wǎng)頁(yè)上有錯(cuò)誤,于是上網(wǎng)查了一下。終于找到解決的方法,測(cè)試后正常。2009-06-06