1. 程式人生 > >web富文字編輯器的選擇のxheditor

web富文字編輯器的選擇のxheditor

1.FCKeditor
他怎麼樣,我就不用多說了,網上多的很,不過有近300K的體積~~~
2.xheditor
這個控制元件好象用的人比較少,不過看起來感覺不錯!JS+CSS+圖片一共有50K,小啊,中文!
3.tinyMCE
網上的評價很高,值得一試,不過比較大,近200K了,中文!
4.xinha
網上的評價也很高,值得一試,不過體積也有120多K~~~
5.CuteEditor
據說CSDN用的是這個,收費的,不過有破解的版本.呵呵
6.kindeditor
美化的不錯,有興趣可以玩一玩,很好用,70~80K的樣子,有中文語言!
7.HTMLArea
功能都大同小異的,可以試一試
8.Cross-Browser Rich Text Editor 
很小,全部體積不超過40K,可以試一試
9.SinaEditor
新浪編輯器應該算是最貼近網友體驗的編輯器,簡潔、大方,並且使用方便、功能強大。不過體積嘛,自己去看吧~~

以下是我覺得一般的(個人感覺哈!)
1.InnovaStudio WYSIWYG Editor
要收費
2.eWebEditor
國人制作,收費的
3.jwysiwyg
雖然小,但不好用
4.WYMeditor
樣式不好看,個人不喜歡~~
5.openWYSIWYG
樣式不好看,有近100K
6.Free Rich Text Editor 
相當不好用,連加個表格都是用專門的html頁面,維護太複雜了
7.MarkitUp
無法"所見即所得"


總結:我所認為值得一用的編輯器,一般都有完整的幫助文件,有社群在持續開發,最近有更新,在使用上方便靈活,支援多種定義方式,能所見即所得,在編碼上安全與快捷,程式介面支援中文,介面風格比較漂亮,功能完整.
如果想選擇功能強大,流行的,可以選FCKeditor與tinyMCE,但代價為體積較大,在效能上值得考慮一下,如果功能要求不是很高,或者對效能有需求,則可以選擇xheditor或者
kindeditor,當然還有更小的,比如jwysiwyg或Damn Small Rich Text Editor ,但使用上很不方便,得不償失.

PS:如果有程式碼著色的需求,可以使用一個jquery的外掛:highlighter,它對highlighter的非jquery版本做了一定的封裝,使用非常方便!

jwysiwyg

WYSIWYG jQuery外掛。整個編輯器檔案大小隻有17Kb。

Damn Small Rich Text Editor

基於jQuery開發,能夠從IFRAME元素建立一個Rich Text Editor。提供了所有基本的Rich Text功能,可設定文字編輯區大小,Ajax上傳圖片等。

EditArea

EditArea是一個javascript原始碼編輯器。支援:文字格式化,搜尋與替換,實時語法著色加亮。當前支援的語言包括:PHP、CSS、Javascript、

Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。

NicEdit

NicEdit是一個輕量級,跨平臺的Inline Content Editor。NicEdit能夠讓任何 element/div變成可編輯或者能夠把標準的textareas轉換成Rich文字編輯器。

Damn Small Rich Text Editor

基於jQuery開發,壓縮之後只有18k左右的Rich Text Editor。提供所有基本的Rich Text功能,調整文字區域大小,使用AjaxFileUpload外掛上傳圖片,清除HTML標籤,標記文字修改,支援多種瀏覽器(FF1.5+、IE7、IE6)。此外還支援通過外掛來擴充套件文字處理功能。

WYMeditor

WYMeditor是一個web WYSIWYM XHTML編輯器。

TinyMCE

TinyMCE是一個開源,純JavaScript HTML WYSIWYG編輯器。它能夠把HTML TEXTAREA或其它HTML標籤轉換成Rich編輯器。TinyMCE非常易於整合到其它內容管理系統中。可以通過外觀/主題和外掛來定製滿足自己需求的編輯器。提供漢化語言包。多瀏覽器支援:Mozilla、MSIE、FireFox、Opera和Safari。此外你還可以很方便地使用Ajax來儲存和載入內容。 

Yahoo! UI : Rich Text Editor

來自Yahoo! UI庫中一個功能強大的Rich文字編輯器。

FCKeditor

FCKeditor是一個類似於MS Word的HTML文字編輯器。相容多種瀏覽器,輸出符合XHTML1.0標準,支援CSS以便能夠與你的網站更好的結合,提供右鍵操作選單,支援直接從Word貼上,可以自己定製功能工具條,支援面板更換和通過外掛擴充套件功能等。

Control.Editor

Control.Editor是一個基於Mootools開發的WYSIWYG Editor。

openWYSIWYG

純javascript開發的,跨瀏覽器WYSIWYG Editor。只一行簡單的程式碼就能夠將<textarea>標籤轉換成一個強大的WYSIWYG editor

Free Rich Text Editor

Free Rich Text Editor是一個易於使用的HTML WYSIWYG編輯器。只需要三行程式碼,就能夠安裝該編輯器。支援以下瀏覽器:

Xinha

Xinha是一個功能強大的WYSIWYG HTML編輯器,支援所有基於Mozilla的瀏覽器和MS IE。它具有易於擴充套件,功能模組豐富等特性。並且提供檔案管理、圖片上傳外掛、還可以對圖片進行簡單的編輯等功能。

MarkitUp

MarkitUp是一個輕量級,可定製,靈活的WYSIWYG Editor。

·  支援快捷鍵

·  支援Ajax動態預覽

·  支援IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+

·  支援html、Wiki、BBScode等編輯格式

SmartMarkUP

SmartMarkUP是一個輕量級,強大的JavaScript library,它能夠將Textarea控制元件轉換成富文字編輯器。支援HTML、CSS、XML、Wiki語法、BBCode等,可按實際需求配置。SmartMarkUP沒有基於任何javascript框架開發,易於現有專案結合使用。

CKEditor

CKEditor是FCKeditor的3.0版本,具有更好的效能和豐富、強大的整合/互動介面以及一個嶄新的使用者介面等。

KindEditor

KindEditor是用JavaScript編寫的HTML視覺化編輯器。具有:

·  程式碼量少,載入速度快。

·  內建自定義range,完美地支援span標記。

·  所有功能都是外掛,增加自定義功能非常簡單。

·  編輯器風格定義在一個CSS檔案裡。

·  支援大部分瀏覽器,比如IE、Firefox、Safari、Chrome、Opera。

WMD-Editor

WMD(Wysiwym Markdown Editor)是一個簡單,輕量級的HTML編輯器。適合在部落格發表評論,論壇發貼中使用。

jHtmlArea

一個簡單、輕量級、可擴充套件、基於jQuery開發的WYSIWYG HTML編輯器。這個元件可以很方便將頁面中的TextArea標籤轉換成一個WYSIWYG HTML Editor。整個編輯器包括圖片和CSS大小隻有22k。

Reditor

Reditor是一個基於JQuery和JQuery UI開發的HTML Editor。

HtmlBox

HtmlBox是一個基於jQuery開發的HTML/XHTML編輯器。易於使用。支援多種瀏覽器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小隻有15kb。HtmlBox預設返回HTML,但也可以輸出XHTML。整合Ajax支援。

KISSY Editor

一個小巧精簡的HTML編輯器,僅依賴 yahoo-dom-event, min後不超過50k,gzip後不超過20k。擁有編輯器基本功能。測試過的瀏覽器: IE6+、Firefox3.5+、Safari4+、Chrome2+、Opera10+。 

KISSY Editor

xhEditor

xhEditor是一個基於jQuery開發的簡單迷你並且高效的視覺化XHTML編輯器,基於網路訪問並且相容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。 
Features(特性):

·  Small:初始載入5個檔案,包括:1個js(45k)+2個css(7k)+2個圖片(4k),總共56k。若js和css檔案進行gzip壓縮傳輸,可以進一步縮減為21k左右。

·  Fast:基於jQuery引擎開發,提供高效的程式碼執行效率

·  Simple:簡單的呼叫方式,加一個class屬性就能將您的textarea立馬變成一個功能豐富的視覺化編輯器。

·  Word:實現Word程式碼自動檢測並清理,提供高效完美的Word程式碼過濾方案,生成程式碼最優化精簡,但是卻不丟失任何細節效果。

·  UBB: 提供完美的UBB視覺化編輯解決方案,在您獲得安全高效程式碼儲存的同時,又能享受視覺化編輯的便捷 

FileManager

這是一個開源,基於jQuery開發的檔案管理器,可以整合到CKEditor/FCKEditor 和其它HTML編輯器中使用。實現檔案上傳、下載、重新命名、刪除。FileManager預設伺服器端處理採用Python實現,但可以通過其提供的一個簡單JavaScript API來擴充套件對其它語言的支援。