UEditor和七牛的客戶端JS-SDK＆PHP-SDK整合之旅

初衷：

為了改造PHP問答網（https://wenda.shukaiming.com）的編輯器體驗，當前的（2017-07-05）的編輯器體驗很挫，實在用不下去。

選擇：

經過多輪選擇，走訪了GitHub，baidu，google的網站，到頭來還是選擇了UEditor，說實話我真心不太喜歡所謂的markdown網頁編輯器，各種bug蟲子，根本還達不到基本無bug的完美狀態。

七牛云：

說實話七牛雲真心是對象雲存儲的個中翹楚，性價比非常高，本身PHP問答網規模比較小，再加上七牛雲還有這麼多免費額度，於是打算照個面咯。

下面是七牛雲的價格情況：https://portal.qiniu.com/financial/price，猿哥的推薦註冊鏈接：https://portal.qiniu.com/signup?code=3lbw8ezu45h76。登陸查看一下，確實是業界良心。

整合的步驟：

第一步

下載當前UEditor-utf8最新版：http://ueditor.baidu.com/website/download.html#ueditor

下載七牛雲客戶端JS-SDK:

https://github.com/qiniu/js-sdk/releases

下載七牛雲服務端的PHP-SDK：

https://github.com/qiniu/php-sdk/releases

當然，官方文檔在這裡：https://developer.qiniu.com/sdk#official-sdk，同學們可以選擇其它安裝方式。

第二步

檢查需要解決的問題：

1. 更換PHP問答網以前的內容提交表單欄位；

2. 刪除不需要的UE工具欄插件和修改UE的部分配置；

3. 保留單圖片上傳時能夠直接上傳到七牛雲；

4. 保留直接從粘貼板上粘貼圖片到編輯器時可以直接上傳到七牛雲；

第三步

1. 獨立使用UE並改造它使其單張圖片上傳功能適配七牛雲（又拍雲）等對象雲存儲符文；

2. 獨立使用七牛雲的JS-SDK與PHP-SDK使他們之間能夠完成正常的web前端驗證uptoken，js直傳到七牛伺服器中；

3. 修改UE並整合七牛雲的JS-SDK，使得他們能夠正常工作。

改造進行中~，改造結果會開放在開源中國的gitee上面，敬請留意後續內容更新~

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！