webkernel/platform-forms

20-code-editor

Sur cette page

title: Code editor

Introduction

The code editor component allows you to write code in a textarea with line numbers. By default, no syntax highlighting is applied.

use Webkernel\Platform\Forms\Components\CodeEditor;

CodeEditor::make('code')

Using language syntax highlighting

You may change the language syntax highlighting of the code editor using the language() method. The editor supports the following languages:

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

You can open the Webkernel\Platform\Forms\Components\CodeEditor\Enums\Language enum class to see this list. To switch to using JavaScript syntax highlighting, you can use the Language::JavaScript enum value:

use Webkernel\Platform\Forms\Components\CodeEditor;
use Webkernel\Platform\Forms\Components\CodeEditor\Enums\Language;

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

<UtilityInjection set="formFields">As well as allowing a static value, the language() method also accepts a function to dynamically calculate it. You can inject various utilities into the function as parameters.</UtilityInjection>

Allowing lines to wrap

By default, long lines in the code editor will create a horizontal scrollbar. If you would like to allow long lines to wrap instead, you may use the wrap() method:

use Webkernel\Platform\Forms\Components\CodeEditor;

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