dotswan / filament-code-editor
v1.1.2
2024-05-21 13:41 UTC
Requires
- php: ^8.1
- filament/filament: ^3.0
- illuminate/contracts: ^10.0 || ^11.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.0
- 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
This package is auto-updated.
Last update: 2024-09-22 09:08:26 UTC
README


简介
Filament代码编辑器包通过CodeMirror JavaScript库增强了Filament,为Filament组件提供了一种专门的字段类型,允许在Filament组件内无缝地使用CodeMirror进行代码编辑。这种集成为用户提供了一个在Filament表单内直接编辑各种代码语言(如CSS、HTML、JavaScript、JSON和PHP)的专用环境。
- 关键特性
- 将CodeMirror JavaScript库集成到Filament组件中。
- 支持包括CSS、HTML、JavaScript、JSON和PHP在内的多种代码语言。
- 在熟悉的Filament界面中轻松编辑代码。
安装
要整合Filament代码编辑器包到您的项目中,使用Composer
composer require dotswan/filament-code-editor
基本用法
要在Filament表单中实现代码编辑器字段,使用CodeEditor
字段类型
use Dotswan\FilamentCodeEditor\Fields\CodeEditor; CodeEditor::make('codes') // Additional configuration goes here, if needed ->id('unique_field_id') ->minHeight(768) ->isReadOnly(true) ->showCopyButton(true) ->darkModeTheme('gruvbox-dark') ->lightModeTheme('basic-light') ->columnSpanFull(),
主题值
- basic-light
- basic-dark
- solarized-dark
- solarized-light
- material-dark
- nord
- gruvbox-light
- gruvbox-dark
支持的语言
Filament代码编辑器支持以下语言
- CSS
- HTML
- JavaScript
- JSON
- PHP
在Filament表单中轻松自定义和管理这些语言的代码。
许可
本包根据MIT许可证分发。
安全性
安全性对我们来说是一个重点。如果您遇到任何与安全性相关的问题或漏洞,请通过我们的GitHub问题跟踪器报告。对于直接沟通,请联系tech@dotswan.com。
贡献
欢迎并重视贡献。增强、建议和错误报告有助于为每个人改进此包。以下是您可以如何贡献的说明
- 分支项目
- 创建功能分支(
git checkout -b feature/AmazingFeature
) - 提交您的更改(
git commit -m 'Add some AmazingFeature'
) - 推送到分支(
git push origin feature/AmazingFeature
) - 打开拉取请求
感谢您考虑为Filament代码编辑器做出贡献!