laravel-admin集成ueditor,并实现图片上传oss

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目录下。
至此已经可以实现上传了。
最后附上截图
富文本编辑截图
在配置文案的时候,如果是粘贴过来的文案,可以先清除格式,然后再按照自己的需求去调整样式,这样页面样式会是符合你预期的。

猜你喜欢

转载自blog.csdn.net/CharmHeart/article/details/112260897