Laravel安装百度UEditor 编辑器

1、在composer.json , require 中 
添加"stevenyangecho/laravel-u-editor": "~1.4"

2、命令行(laravel项目的根目录下)输入:composer require stevenyangecho/laravel-u-editor,只安装ueditor就行了,教程里说的“You'll then need to run composer install or composer update to download it and have the autoloader updated.”会把所有的composer包都更新了,这是不科学的。

3、修改config/app.php:

在 "providers" 加上 :Stevenyangecho\UEditor\UEditorServiceProvider::class

在"aliases" 加上:'UEditor'=>Stevenyangecho\UEditor\UEditorServiceProvider::class

4、输入:php artisan vendor:publish,系统自动复制相关文件至相关目录。

5、在你的view文件的头部加入:@include('vendor.UEditor.head');<!-- 引入百度编辑器js文件 -->(很多教程这样:@include('UEditor::head');错误的)

6、修改view/vendor/UEditor/head.blade.php:

<script src="{!!asset('/public/laravel-u-editor/ueditor.config.js')!!}"></script>(默认路径没有加public/
<script src="{!!asset('/public/laravel-u-editor/ueditor.all.min.js')!!}"></script>
{{-- 载入语言文件,根据laravel的语言设置自动载入 --}}
<script src="{!!asset($UeditorLangFile)!!}"></script>

7、需要编辑器的地方嵌入

<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
   这里写你的初始化内容
</script>

<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('container');
        ue.ready(function() {
        ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');//此处为支持laravel5 csrf ,根据实际情况修改,目的就是设置 _token 值.    
    });
</script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值