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

FileManager中文名叫文件管理器，也叫文件瀏覽器，它給我們提供了一個(gè)可視化的界面來(lái)管理文件和文件夾。利用FileManager，我們可以對(duì)文件進(jìn)行瀏覽、增加、打印、修改(文件屬性)、重命名、搜索等等一大堆非常有用的操作。
CKeditor相信朋友們都非常熟悉了，它是一種富文本編輯器，不再贅述。
現(xiàn)在我們來(lái)演示如何將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來(lái)配置引入的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

到了這里，整個(gè)FileManager就整合到了laravel中，但我在實(shí)際運(yùn)行中，報(bào)了一個(gè)小錯(cuò)誤：
call_user_func_array() expects parameter 1 to be a valid callback, class "KbwebsMultiAuthGuard" does not have a method "accessMediasAll"
說(shuō)是"KbwebsMultiAuthGuard"沒(méi)有accessMediasAll方法。
原因是我在laravel5.1中做了多用戶(hù)驗(yàn)證功能，安裝了"KbwebsMultiAuthGuard"插件，所以在所有要獲取User模型的時(shí)候都要加上一個(gè)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文件夾后，在頁(yè)面中引入ckeditor/ckeditor.js

CKEDITOR.replace( "summary");   

config["height"] = 400;        

CKEDITOR.replace( "content");

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

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

    config["height"] = 400;        

    CKEDITOR.replace( "content", config);

ckeditor上傳圖片的效果圖