laravel-admin集成ueditor,并实现图片上传oss
安装发布ueditor
#下载
composer require codingyu/ueditor
#发布
php artisan vendor:publish --provider=Codingyu\LaravelUEditor\UEditorServiceProvider
发布过后会有以下4个文件
Copied File [\vendor\codingyu\laravel-ueditor\src\config\ueditor.php] To [\config\ueditor.php]
Copied Directory [\vendor\codingyu\laravel-ueditor\src\assets\ueditor] To [\public\vendor\ueditor]
Copied Directory [\vendor\codingyu\laravel-ueditor\src\views] To [\resources\views\vendor\ueditor]
Copied Directory [\vendor\codingyu\laravel-ueditor\src\translations] To [\resources\lang\vendor\ueditor]
Publishing complete.
配置调用
在 config / admin.php中引入插件
'extensions' => [
'ueditor' => [
'enable' => true,
'config' => [
'initialFrameHeight' => 400, // 例如初始化高度
],
'field_type' => 'ueditor'
],
]
然后控制器中调用
$form->ueditor('text','文本');
接下来就能正常使用了,如果说找不到该字段,需要检查 app / admin / bootstrap.php 中的 以下代码有没有注释掉
Encore\Admin\Form::forget(['map', 'editor']);
关于图片上传到oss,首先要确定你得laravel-admin 能够上传到oss 上,看我另一篇教学,图片上传oss,oss设置好后,只需要改变config / ueditor.php 的上传方式即可
return [
// 存储引擎: config/filesystem.php 中 disks, public 或 qiniu
'disk' => 'oss',
'route' => [
'name' => '/ueditor/server',
'options' => [
// middleware => 'auth',
],
],
这里并不需要设置图片上传的地址前缀
disk默认public,即为本地上传,会上传到项目的storage目录下。
至此已经可以实现上传了。
最后附上截图
在配置文案的时候,如果是粘贴过来的文案,可以先清除格式,然后再按照自己的需求去调整样式,这样页面样式会是符合你预期的。