Laravel安装百度UEditor 编辑器

慕容光启
2023-12-01

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>

 

 类似资料: