Skip to content

Commit d11c106

Browse files
Add code editor field docs
1 parent 851e18b commit d11c106

File tree

4 files changed

+26
-0
lines changed

4 files changed

+26
-0
lines changed
+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
# Code Editor Field
2+
3+
```php
4+
5+
use Botble\Base\Forms\Fields\CodeEditorField;
6+
use Botble\Base\Forms\FieldOptions\CodeEditorFieldOption;
7+
8+
$this->add(
9+
'field_name',
10+
CodeEditorField::class,
11+
CodeEditorFieldOption::make()
12+
->mode('css') // Set mode for code editor (html, css, js, php, ...)
13+
);
14+
15+
```
16+
17+
Result:
18+
19+
- CSS:
20+
21+
![Code Editor Field](./images/form-code-editor.png)
22+
23+
- JavaScript:
24+
25+
![Code Editor Field](./images/form-code-editor-js.png)
250 KB
Loading

docs/cms/images/form-code-editor.png

196 KB
Loading

docs/cms/sidebar.ts

+1
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,7 @@ export default [
6464
{ text: 'Get started', link: '/cms/form-builder-get-started' },
6565
{ text: 'Input Fields', link: '/cms/form-builder-input-fields' },
6666
{ text: 'Editor Field', link: '/cms/form-builder-editor-field' },
67+
{ text: 'Code Editor Field', link: '/cms/form-builder-code-editor-field' },
6768
{ text: 'Select Field', link: '/cms/form-builder-select-field' },
6869
{ text: 'On/off Field', link: '/cms/form-builder-on-off-field' },
6970
{ text: 'Radio Field', link: '/cms/form-builder-radio-field' },

0 commit comments

Comments
 (0)