mrpowerup / filament-json-column
一个简单的包,用于查看和编辑Filament中的JSON列。
1.0.1
2024-07-18 15:18 UTC
Requires
- php: ^8.1
- filament/forms: ^3.0
- spatie/laravel-package-tools: ^1.15.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.9
- nunomaduro/larastan: ^2.0.1
- orchestra/testbench: ^8.0
- pestphp/pest: ^2.1
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
README
一个简单的包,用于查看和编辑Filament中的JSON列。
安装
您可以通过composer安装此包
composer require valentin-morice/filament-json-column
使用方法
filament-json-column插件与任何其他Filament Form Builder类一样工作。请确保在Eloquent模型中将调用该列的类型转换为JSON
或array
。
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 JSON 和 JSONeditor。
许可证
MIT许可证(MIT)。有关更多信息,请参阅许可证文件。