代码编辑器

简介

代码编辑器组件可让你在带行号的 textarea 中编写代码。默认不启用语法高亮。

use Filament\Forms\Components\CodeEditor;

CodeEditor::make('code')

使用语言语法高亮

你可以使用 language() 方法更改代码编辑器的语言语法高亮。编辑器支持以下语言：

• C++
• CSS
• Go
• HTML
• Java
• JavaScript
• JSON
• Markdown
• PHP
• Python
• SQL
• XML
• YAML

你可以打开 Filament\Forms\Components\CodeEditor\Enums\Language 枚举类查看此列表。若要切换为 JavaScript 语法高亮，可使用 Language::JavaScript 枚举值：

use Filament\Forms\Components\CodeEditor;
use Filament\Forms\Components\CodeEditor\Enums\Language;

CodeEditor::make('code')
    ->language(Language::JavaScript)

TIP

除了允许静态值外，language() 方法也接受函数以动态计算。你可以将各种工具作为参数注入到该函数中。

允许自动换行

默认情况下，代码编辑器中的长行会产生横向滚动条。若希望长行改为自动换行，可使用 wrap() 方法：

use Filament\Forms\Components\CodeEditor;

CodeEditor::make('code')
    ->wrap()