wangEditor

wangEditor富文本編輯器是一款基于javascript和css開發(fā)的 Web編輯器， 輕量、簡潔、易用、開源免費(fèi)，對于富文本編輯器來說，也是20%的功能滿足80%的需求，剩下的80%的功能只是為了那20%的需求。我要做的就是這20%的功能，去滿足大家80%的需求。如果你想要大而全富爾美，那么wangEditor滿足不了你（這會(huì)讓你付出很多代價(jià)）；如果你想用最快的方式滿足你最主要的需求，那就請使用wangEditor。

更新日志：

wangEditor重構(gòu)v1.3.13發(fā)布，全平臺(tái)瀏覽器支持，現(xiàn)已支持以下自定義配置：
設(shè)置高度（固定高度、自適應(yīng)高度）
初始化內(nèi)容（通過javascript、html）
獲取內(nèi)容、追加內(nèi)容
自定義刪減菜單，自定義菜單分組、排序
監(jiān)聽 onchange 事件
自定義配置表情圖標(biāo)、支持分組表情（類似QQ分組表情）
配置高亮代碼塊
過濾源碼中的javascript
本地圖片上傳（支持跨域）
多語言支持
使用 requirejs、seajs
增加 placeholder 效果

貨比三家

與國產(chǎn)編輯器 百度ueditor 和 kindeditor 相比，它輕量、易用、UI設(shè)計(jì)精致漂亮。

與國外編輯器 bootstrap-wysiwyg 和 simditor 相比，它文檔易讀、交流方便，更接地氣。

它還會(huì)根據(jù)使用者的反饋不斷完善，未來將支持移動(dòng)版。

修改圖片上傳方式

圖片上傳之前一直是wangEditor的詬病，此前用戶提出的問題中，大約有1/3到1/2跟圖片上傳有關(guān)。所以，我從很早就開始憋著要好好搗鼓搗鼓圖片上傳。

非跨域上傳

在目前的使用者中，用到跨域的還不是特別多。

本次修改中，非跨域上傳講采用plupload這個(gè)偉大的插件，站在巨人的肩膀上嗎，哈哈。plupload插件的功能非常強(qiáng)大，什么多文件上傳、拖拽、限制類型大小、預(yù)覽這些都能搞定，這樣就不用我自己開發(fā)啦。

而且，是需要用戶自己開發(fā)一個(gè)plupload上傳組件，然后集成到wangEditor中。這樣就把wangEditor和上傳組件分離開了，上傳圖片的功能、頁面樣式，完全用戶自己控制。（不要一定說“組件”、“集成”就想象的很復(fù)雜，其實(shí)很簡單的，看看文檔就知道了）

當(dāng)用戶沒做任何配置的時(shí)候，點(diǎn)擊“菜單”按鈕這樣顯示（只能插入網(wǎng)絡(luò)圖片）：

配置了上傳組件之后，點(diǎn)擊“菜單”按鈕，就這樣顯示（能上傳本地圖片，也能插入網(wǎng)絡(luò)圖片）：

這個(gè)變化，是由系統(tǒng)自動(dòng)處理的。怎么樣，是不是很神奇？

另外，我專門為配置圖片上傳錄制了視頻演示，以及下載視頻中的代碼，在文檔中鏈接。

跨域上傳

首先，這里恭喜先前使用wangEditor上傳圖片的用戶（先前wangEditor只有跨域上傳），本次更新的跨域上傳向下兼容，你們之前的配置現(xiàn)在同樣有效！同時(shí)，本版本做的更加易用。之前插入網(wǎng)絡(luò)圖片和上傳圖片是兩個(gè)菜單，現(xiàn)在合并成了一個(gè)。

沒有配置該功能時(shí)，點(diǎn)擊“菜單”按鈕這樣顯示（只能插入網(wǎng)絡(luò)圖片）：

配置了url地址之后，點(diǎn)擊“菜單”按鈕，就這樣顯示（能上傳本地圖片，也能插入網(wǎng)絡(luò)圖片）：

另外，我專門為配置圖片跨域上傳錄制了視頻演示，以及下載視頻中的代碼，在文檔中鏈接。