web 富文本編輯器總結

前言

富文本編輯器，就是除了能輸入不一樣的文本以外，還能夠之間粘貼圖畫等其餘的多媒體信息。也可說是所見即所得的編輯器。

目前可使用的編輯器有不少， 在網絡上有找到這樣一份比較表格:

編輯器	產地	穩定	是否 輕量	技術 支持	主要優勢	主要不足	Ver	速度	肥瘦 (MB)
CKEditor	國外老牌	穩定	否	團隊	功能強大,穩定	臃腫,加載慢	3.6	4	0.90
KindEditor	國產(上海-浩躍軟件)		輕量		插件擴展		4.0	2	0.24
xhEditor	國產(台州-[王一])	差	輕量	我的	迷你高效,插件擴展	表格編輯,不穩定	1.1	1	0.49
UEditor	國產(百度)		輕量	百度	小巧,分層架構		1.1	3	0.44
TinyMCE	國外老牌		輕量		素雅清新,輕量級		3.4	6	0.99
FCKEditor	國外老牌[已經退役]	---	---	---	-----	-----	2.6	4	1.11
eWebEditor	國產(福州-極限軟件)				功能齊全強大	收費,要插件	7.3	-
* 肥瘦: 指體積大小,單位是MB, 此參數爲通過本人處理修改過的目錄大小, 如KindEditor的表情圖片我移走了, 在此不計算體積； * 速度: 我比較測試,數字越小,速度越快； * eWebEditor: 商業化太濃, 未測試(也沒有[得不到]它的最新版)；

 

 須要說明的是：

CKEditor是由Fckeditor改名而來。

 

優缺點

一、ewebeditor（國產，http://www.ewebeditor.net/），優勢，功能很強大；缺點：使用須要收費，笨重，速度慢。

二、xheditor（國產，http://xheditor.com/） ，優勢：開源免費，輕量、快速、簡單，用 JQuery 開發，尤爲喜歡它的文件上傳；缺點：當前版本不支持對錶格的單元格的合併、拆分、單元格屬性的修改。

三、CKEditor/FckEditor（國外，http://ckeditor.com），優勢：開源免費，功能強大，完整的二次開發接口和文檔，能夠添加編輯 Form 表單元素（如按鈕、輸入框等），是開發自定義表單的不二選擇；缺點，笨重，不經常使用的功能，如對  Form 表單元素的修改編輯 bug 稍多。

四、UEditor（國產，http://ueditor.baidu.com/），優勢，開源免費，表格的編輯是我用過的編輯器中最靈活的，如支持單元格合併拆分等，二次加載速度快，有百度公司的支持，缺點，文檔較少，文件上傳部分找不到任何文檔，雖然自稱輕量，但其全功能、去除 ui 後、壓縮後的js也將近300k，第一次加載速度慢。

五、kindEditor（國產，http://www.kindsoft.net/），優勢，開源免費，輕量，加載速度快，文檔齊全；缺點，不支持對錶格的單元格的合併、拆分。


若是不須要表格合併和拆分功能、同時使用 jquery 的話，xheditor 是最好的選擇；若是不想用 jquery，或對 jquery 比較陌生，能夠考慮 kindeditor；

若是須要作自定義表單，好比，編輯頁面上要添加表單功能，ckeditor 是最好的選擇；

若是費用很是充足，客戶端機器配置較高，而且在局域網使用，能夠考慮 ewebeditor；

若是對錶格編輯有較高的要求，尤爲是須要單元格合併、拆分功能的話，Ueditor 是個不錯的選擇。

 

補充

CSDN 使用的就是 xheditor編輯器。

xheditor 結合另一個組件SyntaxHighlighter（一個用於高亮顯示代碼文本的js組件）能夠實現插入代碼高亮的效果。