valentin-morice/filament-json-column

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

1.4.1 2024-08-24 14:43 UTC

This package is auto-updated.

Last update: 2024-09-24 14:58:24 UTC


README

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

image image

安装

您可以通过composer安装此包

composer require valentin-morice/filament-json-column

用法

filament-json-column插件与Filament表单构建器中的任何其他类一样工作。请确保在Eloquent模型中调用该列时将其转换为JSON或数组。

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

它为您提供两个标签:查看器编辑器。在查看器标签中,您的JSON数据将以美观的格式显示,而在编辑器标签中,您可以方便地编辑它。插件提供的所有方法都接受闭包,并注入标准的Filament 工具

自定义强调色

默认情况下,标签选择器菜单使用slateblue CSS颜色。但是,您可以选择任何其他颜色。

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

显示单个标签

如果您只想使用其中一个标签,而不允许用户切换到另一个标签,请使用以下方法:

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

更改编辑器的高度

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

致谢

我受到了以下插件的启发:Pretty JSONJSONeditor

许可证

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