> Source: https://tomatophp.com/docs/tomato-admin/inputs/code-editor

# 👨💻 Code Editor

<figure><img src="https://raw.githubusercontent.com/tomatophp/docs/HEAD/.gitbook/assets/image (6).png" alt=""><figcaption></figcaption></figure>

you can get a code editor like any input on splade by just use this code

```markup
<x-tomato-admin-code 
    label="Content"
    name="content" 
    ex="txt" 
/>
```

where `:ex` is the excitation of the file

this component used [codemirror-editor-vue3](https://www.npmjs.com/package/codemirror-editor-vue3)