codemonkeyluffy / laravel-ueditor
UEditor integration for Laravel.
Installs: 5
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Language:JavaScript
Requires
- aliyuncs/oss-sdk-php: ^2.4
Requires (Dev)
- fabpot/php-cs-fixer: ^1.10
This package is auto-updated.
Last update: 2025-02-22 17:44:04 UTC
README
UEditor integration for Laravel 5.
安装
$ composer require "codemonkeyluffy/laravel-ueditor"
配置
-
发布配置文件与资源
$ php artisan vendor:publish --provider='Codemonkeyluffy\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>
说明
- 5.4+ 请不要忘记
php artisan storage:link
- 在
config/ueditor.php
配置disk
为'public'
情况下,上传路径在:public/uploads/
下,确认该目录存在并可写。 - 如果要修改上传路径,请在
config/ueditor.php
里各种类型的上传路径,但是都在 public 下。 - 请在
.env
中正确配置APP_URL
为你的当前域名,否则可能上传成功了,但是无法正确显示。
事件
你肯定有一些朋友肯定会有一些比较特殊的场景,那么你可以使用本插件提供的事件来支持:
请按照 Laravel 事件的文档来使用: https://laravel.com/docs/5.4/events#registering-events-and-listeners
上传中事件
Codemonkeyluffy\LaravelUEditor\Events\Uploading
在保存文件之前,你可以拿到一些信息:
$event->file
这是请求的已经上传的文件对象,Symfony\Component\HttpFoundation\File\UploadedFile
实例。$event->filename
这是即将存储时用的新文件名$event->config
上传配置,数组。
你可以在本事件监听器返回值,返回值将替换 $filename
作为存储文件名。
上传完成事件
Codemonkeyluffy\LaravelUEditor\Events\Uploaded
它有两个属性:
-
$event->file
与 Uploading 一样,上传的文件 -
$event->result
上传结构,数组,包含以下信息:'state' => 'SUCCESS', 'url' => 'http://xxxxxx.qiniucdn.com/xxx/xxx.jpg', 'title' => '文件名.jpg', 'original' => '上传时的源文件名.jpg', 'type' => 'jpg', 'size' => 17283,
你可以监听此事件用于一些后续处理任务,比如记录到数据库。
License
MIT