chguoxi/wang-editor

wangEditor扩展,用于laravel-admin

安装: 5

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 25

语言:JavaScript

v2.0.1 2022-09-02 09:32 UTC

This package is auto-updated.

Last update: 2024-09-30 01:43:28 UTC


README

这是一个laravel-admin扩展,用于将wangEditor集成到laravel-admin的表单中

截图

wx20180904-103609

安装

// laravel-admin 1.x
composer require "laravel-admin-ext/wang-editor:1.*"

// laravel-admin 2.x
composer require laravel-admin-ext/wang-editor

然后

php artisan vendor:publish --tag=laravel-admin-wangEditor

配置

config/admin.php文件的extensions部分,添加属于此扩展的一些配置

    'extensions' => [

        'wang-editor' => [
        
            // 如果要关掉这个扩展,设置为false
            'enable' => true,
            
            // 编辑器的配置
            'config' => [
                
            ]
        ]
    ]

编辑器的配置可以在wangEditor文档中找到,例如配置上传图片的地址上传图片

    'config' => [
        // `/upload`接口用来上传文件,上传逻辑要自己实现,可参考下面的`上传图片`
        'uploadImgServer' => '/upload'
    ]

使用

在form表单中使用它:

$form->editor('content');

上传图片

图片上传默认使用base64格式化后与文本内容一起存入数据库,如果要上传图片到本地接口,下面是这个接口对应的action代码示例:

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Storage;

public function upload(Request $request)
{
    $urls = [];

    foreach ($request->file() as $file) {
        $urls[] = Storage::url($file->store('images'));
    }

    return [
        "errno" => 0,
        "data"  => $urls,
    ];
}

注意: 配置路由指向这个action,存储的disk配置在config/filesystem.php中,这需要参考laravel官方文档。

支持

如果觉得这个项目帮你节省了时间,不妨支持一下;)

-1

许可证

MIT许可证(MIT)下授权。