本人學習vue和koa2.0，做了一個簡單的個人部落格，部落格自然會需要富文字編輯器的選擇，由於nodejs和koa2.0，於是便開始了不斷嘗試的歷程。

一、ueditor

剛開始在百度搜索，自然第一個發現就是百度的ueditor，哇，功能好強大，雖然樣式抽了些，於是便興高采烈的學習百度的ueditor的使用，學者學者就發現一個事實，百度的uediotr不支援nodejs後臺，於是果斷放棄，重新開始了尋找歷程，很快發現了koa-ueditor

二、koa-ueditor

　　1. 上傳圖片按鈕為灰色

　　koa-ueditor是以百度的ueditor為基礎，使其部分功能可以支援nodejs，而且是koa，於是按照其說明，做起了程式碼搬運工，一系列部署後，編輯器正常顯示出來了，咦。。。，上傳圖片按鈕是灰的，無法上傳圖片。。。，控制檯一看發現一直報錯，剛開始以為是自己的用法不對，於是各種嘗試，尋找室友幫助，結果還是大敗而歸，當時完全按照該例子的用法寫的啊，可就是上傳圖片功能不好使=。=

　　後來冷靜下來後，開始研究在node_modules中的koa-ueditor模組，發現其中只有一個index.js，然後便是在百度ueditor中的資料夾中多了個nodejs資料夾，裡面是一個配置檔案，大概看了一眼index.js程式碼後，知道了其主要是起路由和上傳檔案的作用，如果請求（GET）的引數中的action是config的話，便重定向，返回nodejs資料夾下的配置檔案，然後我在其中列印除錯，發現該程式碼並沒有執行，於是得出結論，是該路由不好使，最後得到一個猜測，那就是該中介軟體使用的是koa1.0的generator函式，而我使用的是koa2.0，而koa2.0是用的async/await，於是把那個index.js檔案函式改變為koa2.0的async和await後，如果好使了，上傳圖片按鈕不是灰的了，哈哈，終於搞好了，我真是聰明。

　　2. 上傳圖片按鈕彩色，但是上傳不上去

　　在嘗試上傳圖片時，發現還是上傳不上去，只不過錯誤變成了請求失敗。。。，於是覺得可能還是koa版本問題，於是開始研究圖片上傳程式碼，發現其中使用了co-busboy對multipart/form-data格式檔案解析，然後使用fs的流操作對檔案儲存，然後返回瀏覽器對應的url，最後對co-busboy一系列除錯列印，發現奈何不了他，於是嘗試更換其他工具來對檔案解析，還真發現了一個await-busboy，然而還是並不好使，一天的各種嘗試後，放棄了，最終決定放棄使用koa-ueditor，嘗試使用小夥伴使用的vue-quill-editor，程式碼搬運後，發現沒什麼問題，而且介面好看，但是最後發現上傳的圖片時base64的，。。。，需要將base64自己進行處理，但是對這方面真是不太熟悉，於是有轉向了之前的koa-ueditor,但是不再使用該中介軟體，因為該中介軟體其實就是在另一個php版本的uediotr上增加了一個nodejs路由，完全可以自己實現啊。

三、改造ueditor

　　1. 路由使用vue-router完全ok，問題在於檔案的解析和儲存，解析後的結果需要是readStram才能儲存，經過一些測試選擇後，選擇了busboy中介軟體https://github.com/mscdex/busboy，改造後，上傳圖片ok，但是上傳單張圖片的右邊還有個圖片管理，在圖片管理中上傳一張或者多張圖片會報錯，猜測可能是請求和請求處理不搭配吧，然後想用koa-multer替代，但是使用koa-multer無法對config進行if判斷，最後放棄，放棄了多張圖片上傳的功能。

四、學習與反思

過程這麼艱辛，一小方面是因為koa2.0版本的問題，另一大方面是自己對這方面的只是瞭解太少，很多東西都只是停留在使用層面，對應的理論原理一知半解，以後要注意原理這方面的積累，所謂技術都是大同小異，具有相似點的。

----------------------end