吶吶吶~ 我又來寫部落格了，最近鼓搗後臺的文字編輯器，找來找去找到了wangEditor，選單簡單，功能也都是需要的，所以就加到專案裡啦，期間遇到了一些坑，主要是上傳圖片的問題。

<script type="text/javascript" src="__STATIC__/js/wangeditor/wangEditor.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/wangeditor/js/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/wangeditor/js/plupload/i18n/zh_CN.js"></script>
<script type="text/javascript" src="__STATIC__/js/wangeditor/js/qiniu.js"></script>
 

1.這些是需要引入的js  我是上傳到七牛雲，我的空間是華南的，上面這個 qiniu.js 裡面預設的空間是華東的。

所以對於我而言，js需要改動。

url: 'http://up.qiniu.com', 
改成：
url: 'http://up-z2.qiniup.com',

'url': 'http://upload.qiniu.com/',
改成：
'url': 'http://upload-z2.qiniup.com/',

2.複製作者提供的上傳的例子的js部分程式碼，手冊上也有。最好是下載這個

js資料夾包含的是上面提到的要引入的js  wangEditor裡面是外掛的js

views 裡面包含上傳的例子，我用的是wangEditor3

複製wangEditor3.html  裡面的js內容。

然後改起來

我沒有使用uptoken_url ，介個沒搞明白，直接後臺生成token傳過來了。

domain 改成自己的  flash_swf_url 改成自己的

返回的sourcelink 改成自己在七牛雲上解析的域名,然後列印函式中加上errTip 就可以愉快的測試了，有什麼錯誤會報出來的，我就是提示上傳區域不對。

關於是否開啟base64轉碼的功能，開啟了以後，拖拽上傳的就是base64編碼的一大串，這個時候要考慮資料庫欄位長度，如果不開啟base64轉碼  那麼拖拽和直接點選按鈕上傳 都是正常的 返回自己配置的sourcelink 。

如果開啟了上傳到七牛雲，那麼就不會有網路圖片的tab了，上圖點選編輯器的上傳圖片就是直接選擇圖片。

開啟七牛雲就是 js裡面有介個