laravel-admin中的插件overtrue/laravel-ueditor的图片上传配置【富文本编辑器上传】

本文详细介绍了如何在Laravel项目中安装和配置laravel-ueditor富文本编辑器,包括composer安装、资源发布、配置项调整及图片上传配置等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、laravel-ueditor的安装【安装步骤

安装

composer require codingyu/ueditor

发布 overtrue/laravel-ueditor 的资源

php artisan vendor:publish --provider='Overtrue\LaravelUEditor\UEditorServiceProvider'

配置

config/admin.php文件的extensions,加上属于这个扩展的一些配置

    'extensions' => [

        'ueditor' => [

            // 如果要关掉这个扩展,设置为false
            'enable' => true,

            // 编辑器的前端配置 参考:http://fex.baidu.com/ueditor/#start-config
            'config' => [
                'initialFrameHeight' => 400, // 例如初始化高度
            ]
        ]
    ]

后端配置 config/ueditor.php,参考 overtrue/laravel-ueditor

使用

在form表单中使用它:

$form->editor('content');

// options 中参数会覆盖 extensions.ueditor.config 中参数
$form->editor('content')->options(['initialFrameHeight' => 800]);

2、未修改时的效果

3、laravel-ueditor的图片上传配置【修改config/filesystem.php 中 disks】

    'disks' => [
        //ueditor中图片上传配置
        'public' => [
            'driver' => 'local',
            'root' => public_path(),
            'url' => get_domain().'/',
            'visibility' => 'public',
        ],
    ],

4、修改后的效果

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值