mrpowerup/filament-json-column

一个简单的包,用于查看和编辑Filament中的JSON列。

安装: 9

依赖者: 0

建议者: 0

安全: 0

星级: 0

关注者: 0

分支: 5

语言:Blade

1.0.1 2024-07-18 15:18 UTC

This package is auto-updated.

Last update: 2024-09-18 15:42:38 UTC


README

一个简单的包,用于查看和编辑Filament中的JSON列。

image image

安装

您可以通过composer安装此包

composer require valentin-morice/filament-json-column

使用方法

filament-json-column插件与任何其他Filament Form Builder类一样工作。请确保在Eloquent模型中将调用该列的类型转换为JSONarray

public static function form(Form $form): Form
    {
        return $form
            ->schema([
                FilamentJsonColumn::make('example'),
            ]);
    }

它提供了两个选项卡:查看器编辑器。在查看器选项卡中,JSON数据将被格式化输出,而编辑器选项卡则允许您方便地编辑它。

个性化突出颜色

默认情况下,选项卡选择菜单使用CSS颜色slateblue。然而,您可以选择任何其他颜色。

FilamentJsonColumn::make('example')->accent('#FFFFFF'); // The input needs to be a valid CSS color

显示单个选项卡

如果您只想使用其中一个选项卡,而不希望用户切换到另一个选项卡,请使用以下方法:

FilamentJsonColumn::make('example')->editorOnly(); // Displays only the editor tab
FilamentJsonColumn::make('example')->viewerOnly(); // Displays only the viewer tab

更改编辑器的高度

FilamentJsonColumn::make('example')->editorHeight(500); // Accepts an int, defaults to 300

致谢

我从以下插件中获得了灵感:Pretty JSONJSONeditor

许可证

MIT许可证(MIT)。有关更多信息,请参阅许可证文件