From 7a2fb2dfa056b4e513fb9786f12403a72d91e7cd Mon Sep 17 00:00:00 2001 From: Dan Harrin Date: Fri, 2 May 2025 14:47:34 +0100 Subject: [PATCH] editor docs --- .../app/app/Livewire/Forms/FieldsDemo.php | 21 ++++++++++++++++++ .../dark/forms/fields/code-editor/simple.jpg | Bin 0 -> 19458 bytes .../light/forms/fields/code-editor/simple.jpg | Bin 0 -> 21374 bytes docs-assets/screenshots/schema.js | 14 ++++++++++++ packages/forms/docs/01-overview.md | 1 + packages/forms/docs/20-code-editor.md | 16 +++++++++++++ .../forms/docs/{20-hidden.md => 21-hidden.md} | 0 ...1-custom-fields.md => 22-custom-fields.md} | 0 .../{22-validation.md => 23-validation.md} | 0 packages/schemas/docs/01-overview.md | 1 + 10 files changed, 53 insertions(+) create mode 100644 docs-assets/screenshots/images/dark/forms/fields/code-editor/simple.jpg create mode 100644 docs-assets/screenshots/images/light/forms/fields/code-editor/simple.jpg create mode 100644 packages/forms/docs/20-code-editor.md rename packages/forms/docs/{20-hidden.md => 21-hidden.md} (100%) rename packages/forms/docs/{21-custom-fields.md => 22-custom-fields.md} (100%) rename packages/forms/docs/{22-validation.md => 23-validation.md} (100%) diff --git a/docs-assets/app/app/Livewire/Forms/FieldsDemo.php b/docs-assets/app/app/Livewire/Forms/FieldsDemo.php index e43f98393c..ae490f2bec 100644 --- a/docs-assets/app/app/Livewire/Forms/FieldsDemo.php +++ b/docs-assets/app/app/Livewire/Forms/FieldsDemo.php @@ -8,6 +8,7 @@ use Filament\Actions\Contracts\HasActions; use Filament\Forms\Components\Builder; use Filament\Forms\Components\Checkbox; use Filament\Forms\Components\CheckboxList; +use Filament\Forms\Components\CodeEditor; use Filament\Forms\Components\ColorPicker; use Filament\Forms\Components\DatePicker; use Filament\Forms\Components\DateTimePicker; @@ -1853,6 +1854,26 @@ class FieldsDemo extends Component implements HasActions, HasSchemas ->pips() ->default(50), ]), + Group::make() + ->id('codeEditor') + ->extraAttributes([ + 'class' => 'p-16 max-w-xl', + ]) + ->schema([ + CodeEditor::make('code') + ->default(<<H#>Kq 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 bx&HmKCU2)AQStwC`P)!__}@A2kaPbB*xlZn literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/light/forms/fields/code-editor/simple.jpg b/docs-assets/screenshots/images/light/forms/fields/code-editor/simple.jpg new file mode 100644 index 0000000000000000000000000000000000000000..50d512aa9f35fa28e469b37a8247eee493c74d88 GIT binary patch literal 21374 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 I_H7RS4|zZ|eE { + await page.waitForNetworkIdle() + + await new Promise((resolve) => setTimeout(resolve, 500)) + }, + }, 'forms/fields/actions/suffix': { url: 'forms/fields', selector: '#suffixAction', diff --git a/packages/forms/docs/01-overview.md b/packages/forms/docs/01-overview.md index e95a0ed870..8f97d767ae 100644 --- a/packages/forms/docs/01-overview.md +++ b/packages/forms/docs/01-overview.md @@ -29,6 +29,7 @@ Form field classes can be found in the `Filament\Form\Components` namespace. The - [Color picker](color-picker) - [Toggle buttons](toggle-buttons) - [Slider](slider) +- [Code editor](code-editor) - [Hidden](hidden) You may also [create your own custom fields](custom-fields) to edit data however you wish. diff --git a/packages/forms/docs/20-code-editor.md b/packages/forms/docs/20-code-editor.md new file mode 100644 index 0000000000..fec6bb9b3d --- /dev/null +++ b/packages/forms/docs/20-code-editor.md @@ -0,0 +1,16 @@ +--- +title: Code editor +--- +import AutoScreenshot from "@components/AutoScreenshot.astro" + +## Introduction + +The code editor component allows you to write code in a set of common programming languages: HTML, CSS, JavaScript, PHP and JSON. + +```php +use Filament\Forms\Components\CodeEditor; + +CodeEditor::make('code') +``` + + diff --git a/packages/forms/docs/20-hidden.md b/packages/forms/docs/21-hidden.md similarity index 100% rename from packages/forms/docs/20-hidden.md rename to packages/forms/docs/21-hidden.md diff --git a/packages/forms/docs/21-custom-fields.md b/packages/forms/docs/22-custom-fields.md similarity index 100% rename from packages/forms/docs/21-custom-fields.md rename to packages/forms/docs/22-custom-fields.md diff --git a/packages/forms/docs/22-validation.md b/packages/forms/docs/23-validation.md similarity index 100% rename from packages/forms/docs/22-validation.md rename to packages/forms/docs/23-validation.md diff --git a/packages/schemas/docs/01-overview.md b/packages/schemas/docs/01-overview.md index 028fee5890..aa2d06c2f7 100644 --- a/packages/schemas/docs/01-overview.md +++ b/packages/schemas/docs/01-overview.md @@ -43,6 +43,7 @@ For building [forms](../forms), Filament includes a set of fields for different - [Color picker](../forms/color-picker) - [Toggle buttons](../forms/toggle-buttons) - [Slider](../forms/slider) +- [Code editor](../forms/code-editor) - [Hidden](../forms/hidden) - Or, build your own [custom form field](../forms/custom-fields)