UEditor integration for Laravel 5.
视频教程:https://www.laravist.com/series/awesome-laravel-packages/episodes/7
$ composer require "overtrue/laravel-ueditor:~1.0"
-
添加下面一行到
config/app.php
中providers
部分:Overtrue\LaravelUEditor\UEditorServiceProvider::class,
-
发布配置文件与资源
$ php artisan vendor:publish --provider='Overtrue\LaravelUEditor\UEditorServiceProvider'
-
模板引入编辑器
这行的作用是引入编辑器需要的 css,js 等文件,所以你不需要再手动去引入它们。
@include('vendor.ueditor.assets')
-
编辑器的初始化
<!-- 实例化编辑器 --> <script type="text/javascript"> var ue = UE.getEditor('container'); ue.ready(function() { ue.execCommand('serverparam', '_token', '{{ csrf_token() }}'); // 设置 CSRF token. }); </script> <!-- 编辑器容器 --> <script id="container" name="content" type="text/plain"></script>
- 如果你使用的是 laravel 5.3 以下版本,请先创建软链接:
# 请在项目根目录执行以下命令 $ ln -s `pwd`/storage/app/public `pwd`/public/storage
- 在
config/ueditor.php
配置disk
为'public'
情况下,上传路径在:public/uploads/
下,确认该目录存在并可写。 - 如果要修改上传路径,请在
config/ueditor.php
里各种类型的上传路径,但是都在 public 下。 - 请在
.env
中正确配置APP_URL
为你的当前域名,否则可能上传成功了,但是无法正确显示。
如果你想使用七牛云储存,需要进行下面几个简单的操作:
1.安装和配置 laravel-filesystem-qiniu
2.配置 config/ueditor.php
的 disk
为 qiniu
:
'disk' => 'qiniu'
3.剩下时间打局 LOL,已经完事了。
七牛的
access_key
和secret_key
可以在这里找到:https://portal.qiniu.com/user/key ,在创建bucket
(空间)的时候,推荐大家都使用公开的空间。
MIT