composer安装laravel-u-editor及其使用

  前言

    使用的框架是laravel5.1,是composer搭建的,可以直接配置composer,如果不是composer搭建的larave,需要先安装composer,具体安装发放可以参考composer中国官网,

国内最好配置中国镜像,不然很可能下载资源失败以及各种问题,composer中国镜像

   安装composer

  一、配置composer.json文件,在composer.json文件的require 里面加入 

     

"stevenyangecho/laravel-u-editor": "~1.4"

  二、在命令卡运行composer update 或者 composer install (这个可以在任意地方运行 需要配置composer 的全局变量)

composer update
或者运行
composer  install 

      不出意外的话,就会在下载富文本编辑器所需要的文件,也会出现其他意外的情况,比如下图遇到的php扩展的问题,

  这个是富文本上传文件用到的一个fileinfo扩展,如果没有安装需要安装,安装过了只需要在php.ini文件里面去除下面这个扩展之前的分号注释,重启服务即可。

extension=php_fileinfo.dll

   

  三、配置config/app.php文件

   在 "providers" 这个key 最后加上

Stevenyangecho\UEditor\UEditorServiceProvider::class

   在"aliases" 这个key最后加上

  'UEditor'=>Stevenyangecho\UEditor\UEditorServiceProvider::class

   四、注册工具接口,在命令行运行

php artisan vendor:publish

 

  到此laravel-u-editor 富文本编辑器就安装好了,可以去项目config目录下看是否成成UEditorUpload.php这个文件,这个是富文本编辑器的配置文件,可以配置文件上传路径等。

  五、使用编辑器

    ①在需要使用编辑器的地方加入如下代码

<div id="ueditor" class="edui-default">
    @include('UEditor::head')
</div>

    ②加入js文件,在视图的最后加入如下代码

@section('script')
<script id="ueditor"></script>
<script>
    var ue=UE.getEditor("ueditor");
    ue.ready(function(){
         //因为Laravel有防csrf防伪造攻击的处理所以加上此行
         ue.execCommand('serverparam','_token','{{ csrf_token() }}');
    });
</script>
@stop

 

    

 

posted @ 2017-05-14 14:33  StudyBlog  阅读(7114)  评论(2编辑  收藏  举报