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

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、修改后的效果

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
很抱歉,目前Laravel的最新版本是Laravel 8,并没有Laravel 10。不过,我可以为您介绍如何在Laravel 8安装laravel-ueditor扩展。 laravel-ueditor是一个用于在Laravel项目集成百度UEditor富文本编辑器的扩展。下面是安装laravel-ueditor的步骤: 1. 首先,在您的Laravel项目打开终端,并使用Composer安装laravel-ueditor扩展包。运行以下命令: ``` composer require overtrue/laravel-ueditor ``` 2. 安装完成后,打开项目根目录下的`config/app.php`文件,找到`providers`数组,并添加以下代码: ```php Overtrue\LaravelUEditor\UEditorServiceProvider::class, ``` 3. 接下来,仍然在`config/app.php`文件,找到`aliases`数组,并添加以下代码: ```php 'UEditor' => Overtrue\LaravelUEditor\Facades\UEditor::class, ``` 4. 运行以下命令,发布配置文件和资源文件: ``` php artisan vendor:publish --provider="Overtrue\LaravelUEditor\UEditorServiceProvider" ``` 5. 运行以下命令,生成UEditor所需的数据库表: ``` php artisan migrate ``` 6. 在需要使用UEditor的视图文件,引入UEditor的CSS和JS文件。例如,在`resources/views/welcome.blade.php`文件添加以下代码: ```html <link rel="stylesheet" href="{{ asset('vendor/ueditor/themes/default/css/ueditor.css') }}"> <script src="{{ asset('vendor/ueditor/ueditor.config.js') }}"></script> <script src="{{ asset('vendor/ueditor/ueditor.all.js') }}"></script> ``` 7. 在需要使用UEditor的表单,添加UEditor编辑器实例。例如,在表单添加一个名为`content`的文本域,并使用UEditor渲染该文本域: ```html <script> var ue = UE.getEditor('content'); </script> ``` 现在,您已经成功安装并集成了laravel-ueditor扩展。您可以在Laravel项目使用UEditor富文本编辑器了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值