可跳過直接看後面的重點

1、測試環境：

 1. 後端部署 基於Win10+Wampserver64

 2. 除錯工具 基於Hbuilder

2、測試環境搭建

1. 下載ueditor原始碼 https://ueditor.baidu.com/website/download.html

 2. 將下載後的檔案解壓，將php資料夾複製到wampserver安裝路徑下的www/ueditor/資料夾下

3.啟動wampserver 預設啟動埠為80埠（測試中已修改為8080埠）

4、測試後臺服務是否啟動成功，開啟瀏覽器輸入下面的地址，能獲取到配置檔案，說明後臺服務已啟動成功。

http://127.0.0.1:8080/ueditor/php/controller.php?action=config#

3、基於Hbuilder除錯

1.在Hbuilder下開啟解壓後的ueditor原始碼，目錄結構如下：

重點1：修改 ueditor.config.js 將serverUrl改為自己伺服器的地址：

serverUrl: "http://127.0.0.1:8080/ueditor/" + "php/controller.php"

重點2：修改D:\wamp64\www\ueditor\php\config.json 配置 圖片訪問路徑字首 ，涉及字首的都加上：http://127.0.0.1:8080

重點3：修改 D:\wamp64\www\ueditor\php\controller.php 檔案 取消下面的註釋，將 http://www.baidu.com 改為 *

header('Access-Control-Allow-Origin: *'); //設定允許跨域訪問
header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With'); //設定允許的跨域header

4、測試截圖

上傳：

回顯：

參考：http://fex.baidu