Laravel 5.2 使用ckeditor 及 ckfinder

上一篇已经说过如何让ckeditor能上传图片。

这篇讲下如何使用ckfiner来做文件浏览及管理。

1，下载finder。解压到/public。

我的目录是这样: /public/finder/3.3.0/ ........

2，修改页面文件，加载ckfinder 。

引入js

<script type="text/javascript" src="{{asset('/ckeditor/4.5.7/ckeditor.js')}}"></script>
<script type="text/javascript" src="{{asset('/ckfinder/3.3.0/ckfinder.js')}}"></script>

配置ckeditor 和 ckfinder

var content = CKEDITOR.replace( 'content',
                    {
                        language: 'zh-cn',
                        height: 450,
                        filebrowserBrowseUrl : '/ckfinder/3.3.0/ckfinder.html',
                        filebrowserImageBrowseUrl : '/ckfinder/3.3.0/ckfinder.html?type=Images',
                        filebrowserFlashBrowseUrl : '/ckfinder/3.3.0/ckfinder.html?type=Flash',
                        filebrowserImageUploadUrl : '{{url('admin/images')}}?_token={{csrf_token()}}',
                    });
            CKFinder.setupCKEditor( content );

这里要注意下三个BrowerUrl的地址。只要这样写，ckfinder就已经可以工作了。并且在ckeditor里，已经打开“浏览服务器”的按钮。

最后一个UploadUrl跟上一篇的上传相同。

这一句 

CKFinder.setupCKEditor( content );

不写也能工作，但是文档上说要写就写吧。可能要用到高级功能就会知道不写的后果了。

3，修改ckfinder 下的config.php文件。

这里只要把

$config['authentication'] = function () {
    return false;
};

这里的false改成true就行了。

文档里说只是简单的改成true会有安全上的问题。

那么，还需要在文件头上加上laravel的一些东西，让它能够认证下。比如登录用户才能访问等等。

代码如下：

require __DIR__.'/../../../bootstrap/autoload.php';
$app = require_once __DIR__.'/../../../bootstrap/app.php';

$app->make('Illuminate\Contracts\Http\Kernel')->handle(Illuminate\Http\Request::capture());

function CheckAuthentication(){
    return Auth::check();
}

加入以上代码之后，把return true 改成 return CheckAuthentication(); 

这样的话经过认证之后会安全一些。

这里有个问题。虽然文件浏览不会有问题。可是在ckfinder里就无法上传文件了。因为在某一个环节上，这里的认证并没有起作用，它没有返回true。

目前没时间调试这个问题，先直接返回true吧。所以这里laravel的内容可以不加。

4，上传文件 的保存目录。

'baseUrl'      => '/upload/userfiles/',

ckfinder中上传的文件会被保存到 /publid/upload/userfiles/images/ 当中。

这里的images是ckfinder自己加的。 应该可以去掉，我懒就由着它去吧。

这里的上传目录，和单独的上传功能的目录，可以根据项目 需要设在一起，或是不设在一起。

问题：

1，在ckeditor的单独上传功能中，没有办法使用

 

filebrowserFlashUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

这样的地址。会提示404错误。因为路由里没有嘛。

这个问题网上没找着答案。高手都不屑于告诉我这个问题如何解决。

这个问题已经解决，是我地址写错了。

正确，完整的是这样：

var content = CKEDITOR.replace( 'content',
        {
            language: 'zh-cn',
            height: 450,
            filebrowserBrowseUrl : '/ckfinder/3.3.0/ckfinder.html',
            filebrowserImageBrowseUrl : '/ckfinder/3.3.0/ckfinder.html?type=Images',
            filebrowserFlashBrowseUrl : '/ckfinder/3.3.0/ckfinder.html?type=Flash',
            filebrowserUploadUrl : '/ckfinder/3.3.0/core/connector/php/connector.php?command=QuickUpload&type=Files',
            filebrowserImageUploadUrl : '/ckfinder/3.3.0/core/connector/php/connector.php?command=QuickUpload&type=Images',
            filebrowserFlashUploadUrl : '/ckfinder/3.3.0/core/connector/php/connector.php?command=QuickUpload&type=Flash'
        });
CKFinder.setupCKEditor( content );

一行php代码都不用写，除了那个验证的要研究下。

==========================================================================================

修改一下：配置完ckfinder的“浏览服务器”，可以把上传文件的UploadUrl这段删了。因为这时已经配置好文件上传了。都不需要自己单独去写上传。

只不过，它用的是files的上传，即保存到“files”目录。而不是“images”目录。

filebrowserImageUploadUrl : '{{url('admin/images')}}?_token={{csrf_token()}}',

这个删掉！！！