dotswan/filament-code-editor

v1.1.2 2024-05-21 13:41 UTC

This package is auto-updated.

Last update: 2024-09-22 09:08:26 UTC


README

Latest Version on Packagist Total Downloads Software License

简介

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

贡献

欢迎并重视贡献。增强、建议和错误报告有助于为每个人改进此包。以下是您可以如何贡献的说明

  1. 分支项目
  2. 创建功能分支(git checkout -b feature/AmazingFeature
  3. 提交您的更改(git commit -m 'Add some AmazingFeature'
  4. 推送到分支(git push origin feature/AmazingFeature
  5. 打开拉取请求

感谢您考虑为Filament代码编辑器做出贡献!