wangEditor富文本編輯器是一款基于javascript和css開發的 Web編輯器, 輕量、簡潔、易用、開源免費,對于富文本編輯器來說,也是20%的功能滿足80%的需求,剩下的80%的功能只是為了那20%的需求。我要做的就是這20%的功能,去滿足大家80%的需求。如果你想要大而全富爾美,那么wangEditor滿足不了你(這會讓你付出很多代價);如果你想用最快的方式滿足你最主要的需求,那就請使用wangEditor。
更新日志:
wangEditor重構v1.3.13發布,全平臺瀏覽器支持,現已支持以下自定義配置:
設置高度(固定高度、自適應高度)
初始化內容(通過javascript、html)
獲取內容、追加內容
自定義刪減菜單,自定義菜單分組、排序
監聽 onchange 事件
自定義配置表情圖標、支持分組表情(類似QQ分組表情)
配置高亮代碼塊
過濾源碼中的javascript
本地圖片上傳(支持跨域)
多語言支持
使用 requirejs、seajs
增加 placeholder 效果
貨比三家
與國產編輯器 百度ueditor 和 kindeditor 相比,它輕量、易用、UI設計精致漂亮。
與國外編輯器 bootstrap-wysiwyg 和 simditor 相比,它文檔易讀、交流方便,更接地氣。
它還會根據使用者的反饋不斷完善,未來將支持移動版。
修改圖片上傳方式
圖片上傳之前一直是wangEditor的詬病,此前用戶提出的問題中,大約有1/3到1/2跟圖片上傳有關。所以,我從很早就開始憋著要好好搗鼓搗鼓圖片上傳。
非跨域上傳
在目前的使用者中,用到跨域的還不是特別多。
本次修改中,非跨域上傳講采用plupload這個偉大的插件,站在巨人的肩膀上嗎,哈哈。plupload插件的功能非常強大,什么多文件上傳、拖拽、限制類型大小、預覽這些都能搞定,這樣就不用我自己開發啦。
而且,是需要用戶自己開發一個plupload上傳組件,然后集成到wangEditor中。這樣就把wangEditor和上傳組件分離開了,上傳圖片的功能、頁面樣式,完全用戶自己控制。(不要一定說“組件”、“集成”就想象的很復雜,其實很簡單的,看看文檔就知道了)
當用戶沒做任何配置的時候,點擊“菜單”按鈕這樣顯示(只能插入網絡圖片):
配置了上傳組件之后,點擊“菜單”按鈕,就這樣顯示(能上傳本地圖片,也能插入網絡圖片):
這個變化,是由系統自動處理的。怎么樣,是不是很神奇?
另外,我專門為配置圖片上傳錄制了視頻演示,以及下載視頻中的代碼,在文檔中鏈接。
跨域上傳
首先,這里恭喜先前使用wangEditor上傳圖片的用戶(先前wangEditor只有跨域上傳),本次更新的跨域上傳向下兼容,你們之前的配置現在同樣有效!同時,本版本做的更加易用。之前插入網絡圖片和上傳圖片是兩個菜單,現在合并成了一個。
沒有配置該功能時,點擊“菜單”按鈕這樣顯示(只能插入網絡圖片):
配置了url地址之后,點擊“菜單”按鈕,就這樣顯示(能上傳本地圖片,也能插入網絡圖片):
另外,我專門為配置圖片跨域上傳錄制了視頻演示,以及下載視頻中的代碼,在文檔中鏈接。