> For the complete documentation index, see [llms.txt](https://docs.tomatophp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tomatophp.com/tomato-admin/inputs/code-editor.md).

# Code Editor

<figure><img src="https://117397612-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSlG6RrSDmGrQX2xjM6AT%2Fuploads%2F4CABogHcT8zkEc6EGWME%2Fimage.png?alt=media&amp;token=9b175ba9-dd35-4fa1-b53f-e9d120bef7ca" 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)