1. 程式人生 > >web富文字編輯器收集

web富文字編輯器收集

1、UEditor 百度的。

優點:外掛多,基本滿足各種需求,類似貼吧中的回覆介面。

缺點:不再維護,文件極少,使用並不普遍,圖片只能上傳到本地伺服器,如果需要上傳到其他伺服器需要改動原始碼,較為難辦,載入速度慢。

總結:小專案,可以用用,不推薦使用。

2、kindeditor

介面類似百度,效果很像

文件齊全但用例較少,使用還算方便。

缺點:總感覺樣子不是很好看,沒有現代那種風格,還是老式的傳統圖示。

http://kindeditor.net/demo.php
3、simditor

樣式好看,外掛不多,基本滿足需求

文件英文,使用較為吃力,如果英文水平不好的話

github上面開源,維護較好

因為文件看起來吃力,所以本人沒有考慮繼續使用。

http://simditor.tower.im/

4、bootstrap-wysiwyg

利用bootstrap實現的,簡潔大方好看。

優點:輕量,好看,使用方便。

缺點:需要一定的瀏覽器支援,畢竟需要bootstrap

http://www.bootcss.com/p/bootstrap-wysiwyg/

5、wangEditor

js和css實現

優點:輕量簡潔,最重要的是開源且中文文件齊全。設計的UI漂亮。

外掛基本能滿足需求,本人推薦使用。

http://www.wangeditor.com/index.html

6、CKEditor

功能強大,使用較多,可以看他們官網的例子,馬上就有感覺。

優點:編輯能力極強,基本和word差不多了。看起來介面極其優秀的一款。

缺點:網站訪問速度一般,文件英文,需要花時間開發。

http://ckeditor.com/

7、tinymce

支援圖片線上處理,外掛多,功能強

編輯能力優秀,介面好看。

同樣文件為英文,開發需要花時間。

https://www.tinymce.com/

使用之前需要考慮的點:

1需要外掛,是否需要很多的外掛,還是說簡單的那些功能就行了。

2介面考慮,看你喜歡那個介面了。

3圖片是否需要上傳圖片伺服器。

4文件如果為英文是否會影響開發。

5支援瀏覽器型別和版本。