百度編輯器先後端二開圖片上傳Js Thinkphp tp5 ueditor

百度編輯器圖片上傳Js

ueditor.all.min.js 下載連接

連接：https://pan.baidu.com/s/1VNgw9ELgRRHKeCQheFkQTw
提取碼：fnfi

使用方法：

替換原來的 ueditor.all.min.js 

 

NPM 本地快速DEMO:( 前端 )

　　建立一個文件夾：執行以下命令； 再到瀏覽器運行 localhost:3000 ;( 須要配置本地服務器：修改ueditor.config.js 文件的 serverUrl 的值爲本地服務器域名入口，默認爲：http://192.168.3.25:19998/index/index/hello )

npm i xuguo_ue && cd node_modules/xuguo_ue && node index.js

 　　注：PHP須要開啓跨域:

        header('Access-Control-Allow-Origin:*');
        header('Access-Control-Allow-Methods: GET,POST,OPTIONS,DELETE,PUT');
        header('Access-Control-Allow-Headers: Origin,Content-Type, Accept, Authorization, X-Request-With');
        header('Access-Control-Allow-Credentials: true');
        header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With');

 

問題：

只是實現了圖片的上傳與 Dom 的載入，本人爲不改變原生百度的編輯的通用邏輯，圖片路徑顯示依然是相對路徑；

 　　注：當使用PHP Thinkphp 5.1時，若是在使用 ROUTE 並只在 模塊裏添加跨域代碼。會致使不能成功跨域。

//解決方法一是修改成默認路由方式（/module/controller/action）;

//解決方法二是配置ROUTE路由跨域：如下代碼做爲參考

Route::get('new/:id', 'News/read')
    ->header('Access-Control-Allow-Origin','*')
    ->header('Access-Control-Allow-Methods','GET,POST,OPTIONS,DELETE,PUT')
    ->header('Access-Control-Allow-Headers','Origin,Content-Type, Accept, Authorization, X-Request-With')
    ->header('Access-Control-Allow-Credentials', 'true')
    ->header('Access-Control-Allow-Headers', 'X-Requested-With,X_Requested_With')
    ->allowCrossDomain();

 　　注如：PHP 使用 Composer 加載使用：composer require xuying/ueditor；   （默認路由：domain.com/ueditor ;因默認路由與保存圖片的地址相同，請自配置config.json）.而後建立控制器添加以下代碼。

//添加對應控制器，將下面代碼插入 
header('Access-Control-Allow-Origin:*');
        header('Access-Control-Allow-Methods: GET,POST,OPTIONS,DELETE,PUT');
        header('Access-Control-Allow-Headers: Origin,Content-Type, Accept, Authorization, X-Request-With');
        header('Access-Control-Allow-Credentials: true');
        header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With');
        $config_file = __DIR__ . '/../config.json'; //fixme 使用自定義config.json路徑
        $ss = new Control($config_file);//初始化
        $ss->index();//運行

 

解決思路：

1. 使用過濾（正則）的方式進行交互；(目前推薦)
2. 使用CDN的方式配置總體BaseUrl ;
   

    

3. PHP 配置輸出域名：如列：(可暫時使用)
   　　 
   

   缺點：致使數據庫數據包含了域名，搬家時須要注意資源內容的訪問。
   問題：咱們能夠在提交時過濾掉內容包含的域名，可是編輯器內容豐富，有多是其它外部的資源，這樣爲內容替換增長了難度。

4. －－