摘要：中文名叫文件管理器，也叫文件瀏覽器，它給我們提供了一個可視化的界面來管理文件和文件夾。利用，我們可以對文件進(jìn)行瀏覽增加打印修改文件屬性重命名搜索等等一大堆非常有用的操作。相信朋友們都非常熟悉了，它是一種富文本編輯器，不再贅述。

FileManager中文名叫文件管理器，也叫文件瀏覽器，它給我們提供了一個可視化的界面來管理文件和文件夾。利用FileManager，我們可以對文件進(jìn)行瀏覽、增加、打印、修改(文件屬性)、重命名、搜索等等一大堆非常有用的操作。
CKeditor相信朋友們都非常熟悉了，它是一種富文本編輯器，不再贅述。
現(xiàn)在我們來演示如何將FileManager和CKeditor整合到laravel中去。

將filemanager加入到composer.json中我們用bestmomo/filemanager

require : {
        "laravel/framework": "5.2.*",
        "bestmomo/filemanager": "1.1.*"
    }

$ composer update

更新完成后，將service provider加入到config/app.php中

 /**
 * App/Config/App.php
 */

BestmomoFilemanagerFilemanagerServiceProvider::class,

$ php artisan vendor:publish --provider="BestmomoFilemanagerFilemanagerServiceProvider"

/**
* App/Http/Models/User.php
*/

    /**
    * Check media all access
    *
    * @return bool
    */
    public function accessMediasAll(){
    
        return $this->role->slug == "admin";
    }

    /**
     * Check media access one folder
     *
     * @return bool
     */
    public function accessMediasFolder()
    {
        return $this->role->slug != "user";
    }

模型配置完了，就需要添加路由和控制器的方法了

// route.php

Route::get("medias", ["as"=>"medias", "uses"=>"AdminAdminController@filemanager"]);

新建配置文件medias.php來配置引入的filemanager目錄

// Config/medias.php

 "filemanager/index.html",
    "url-files" =>"/public/filemanager/userfiles/"

];

在控制器AdminController中我們添加filemanager方法

    /**
    * Show the media panel
    *
    * @return Response
    */
    public function filemanager(){
        $url = config("medias.url") . "?langCode=" . config("app.locale");

        return view("backend.filemanager")->with(compact("url"));
    }

@extends("backend.layout.master")

@section("head")

    

@stop

@section("main")

    @include("backend.partials.entete", ["heading" => trans("backend/medias.dashboard"), "operation"=>"", "symbol" => "file-image-o", "superior" => trans("backend/medias.medias")])

    

        
        
    

@stop

到了這里，整個FileManager就整合到了laravel中，但我在實際運行中，報了一個小錯誤：
call_user_func_array() expects parameter 1 to be a valid callback, class "KbwebsMultiAuthGuard" does not have a method "accessMediasAll"
說是"KbwebsMultiAuthGuard"沒有accessMediasAll方法。
原因是我在laravel5.1中做了多用戶驗證功能，安裝了"KbwebsMultiAuthGuard"插件，所以在所有要獲取User模型的時候都要加上一個user()， 比如 Auth::user->user(), auth()->user()->user()

找到有accessMediaAll和accessMediasFolder的文件/filemanager/connectors/php/default.config.php

 *  @copyright  Authors
 */

// Laravel init
require getcwd() . "/../../../../bootstrap/autoload.php";
$app = require_once getcwd() . "/../../../../bootstrap/app.php";

$kernel = $app->make("IlluminateContractsHttpKernel");

$response = $kernel->handle(
  $request = IlluminateHttpRequest::capture()
);

$id = $app["encrypter"]->decrypt($_COOKIE[$app["config"]["session.cookie"]]);
$app["session"]->driver()->setId($id);
$app["session"]->driver()->start();

// Folder path
$folderPath = config("filemanager.folder_path");   

// Check if user in authentified
if(!$app["auth"]->check()) 
{
  $laravelAuth = false;
} 
else 
{ //print_r($app["auth"]->user()->user()->accessMediasAll());exit;
  // Check if user has all access
  if($app["auth"]->user()->accessMediasAll())
  {
    $laravelAuth = true; 
  } 
  elseif(method_exists($app["auth"]->user(), "accessMediasFolder"))
  {  
    // Check if user has access to one folder
    if($app["auth"]->user()->accessMediasFolder())
    { 
      // Folder name with user id
      $folderPath .= "user" . $app["auth"]->id();
      $laravelAuth = true;  
    } 
    else
    {
      $laravelAuth = false;
    }    
  }
  else
  {
    $laravelAuth = false;
  } 
}

分別將
$app["auth"]->user()->accessMediasAll()
$app["auth"]->user()
$app["auth"]->user()->accessMediasFolder()
$app["auth"]->id()
改為
$app["auth"]->user()->user()->accessMediasAll()
$app["auth"]->user()->user()
$app["auth"]->user()->user()->accessMediasFolder()
$app["auth"]->user()->id()

上面的代碼更新完成后，已經(jīng)可以看到FileManager的文件管理界面

下載CKeditor并解壓到public文件夾后，在頁面中引入ckeditor/ckeditor.js

CKEDITOR.replace( "summary");   

config["height"] = 400;        

CKEDITOR.replace( "content");

如果要實現(xiàn)ckeditor從FileManager中導(dǎo)入文件，則需要修改filebrowserBrowseUrl選項

    var config = {
    filebrowserBrowseUrl : "/filemanager/index.html"
    }
    
    CKEDITOR.replace( "summary", config);

    config["height"] = 400;        

    CKEDITOR.replace( "content", config);

ckeditor上傳圖片的效果圖