laravel5.1 -- Integrate FileManager and CKeditor i

摘要：中文名叫文件管理器，也叫文件浏览器，它给我们提供了一个可视化的界面来管理文件和文件夹。利用，我们可以对文件进行浏览增加打印修改文件属性重命名搜索等等一大堆非常有用的操作。相信朋友们都非常熟悉了，它是一种富文本编辑器，不再赘述。

FileManager中文名叫文件管理器，也叫文件浏览器，它给我们提供了一个可视化的界面来管理文件和文件夹。利用FileManager，我们可以对文件进行浏览、增加、打印、修改(文件属性)、重命名、搜索等等一大堆非常有用的操作。
CKeditor相信朋友们都非常熟悉了，它是一种富文本编辑器，不再赘述。
现在我们来演示如何将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()

上面的代码更新完成后，已经可以看到FileManager的文件管理界面

下载CKeditor并解压到public文件夹后，在页面中引入ckeditor/ckeditor.js

CKEDITOR.replace( "summary");   

config["height"] = 400;        

CKEDITOR.replace( "content");

如果要实现ckeditor从FileManager中导入文件，则需要修改filebrowserBrowseUrl选项

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

    config["height"] = 400;        

    CKEDITOR.replace( "content", config);

ckeditor上传图片的效果图