# Online Code Editor for Your Website's HTML, CSS and JS

> Open your site's real files in a full code editor with a folder tree, tabs and syntax highlighting. Create, rename and save HTML, CSS and JavaScript directly.

- Canonical URL: https://uebfaqe.ai/features/code-editor
- Section: Features one by one
- Language: en
- Publisher: Uebfaqe (https://uebfaqe.ai)

## Summary

The Code view opens the actual files behind your site, the same ones the AI writes. Browse the folder tree, open several files in tabs and save your changes straight to the site.

## Key facts

- A proper code editor: Syntax highlighting, a searchable file tree, up to 12 files open in tabs, the line and column you are on, and Save all for every unsaved file.
- Create and organize files: Add a New file or a New folder, rename or delete files, and keep styles in the styles folder, scripts in the scripts folder and SVG files in assets.
- Safe next to the AI: Editing pauses while the AI works, and if a file was changed somewhere else, you choose whether to keep your version or take the new one.

The real code of your website, in an editor built for it

## How it works

1. **Open Code**: In the editor's left menu choose Code. The file tree lists every page, stylesheet and script of your site.
2. **Edit a file**: Click a file to open it in a tab and make your changes. Files the site cannot serve open in read only mode.
3. **Save and check**: Press Save or Save all, check the result in the preview on the Page tab, and press Publish when it looks right.

## Frequently asked questions

### Which file types can I create in the code editor?

HTML, CSS, JavaScript, JSON, XML, TXT, SVG and webmanifest files. Styles go in the styles folder, scripts in the scripts folder and SVG files in assets, while photos and other media are managed in Files.

### Can I break my website by editing the code?

Mistakes can happen, but required files like the home page and the 404 page cannot be deleted, and a restore point is saved before files are deleted or renamed. With Premium you restore an earlier version from Backups.

### Can I download the code of my website?

Yes, with Premium. Settings lets you download every file of the site as a ZIP archive. On any plan you can open, read, copy and edit the code here in the Code view.

## Related features

- [Files](https://uebfaqe.ai/features/file-manager): All the photos and files of the site in one place: drag them in, view them, download them and remove the ones you do not need.
- [Functions](https://uebfaqe.ai/features/serverless-functions): Add actions that really run, like sending a form or working out a price, written by the AI.
- [Everything is yours](https://uebfaqe.ai/features/export-your-website): Download your files from the Files tab and your database whenever you want, and with Premium the whole site as a ZIP.

---

Source: https://uebfaqe.ai/features/code-editor