Browser Code Editor

A fully local browser-based code editor for HTML, CSS, and JavaScript.

Disclaimer

This project was written with AI assistance and may need review.

Features

• Local HTML, CSS, and JavaScript editing
• Custom built-in syntax highlighting
• Live preview in an iframe sandbox
• Save and load project files as JSON
• No CDN, no npm packages, no external modules

How to Use

1. Open index.html in a browser.
2. Edit code in the HTML, CSS, and JavaScript panes.
3. Use Run to refresh the preview.
4. Use Save to download and store your work locally.
5. Use Load to restore a saved JSON project file.

Keyboard Shortcuts

• Ctrl + Enter to run the current code
• Ctrl + S to save the project

Project Files

• index.html - app layout and editor panes
• styles.css - app styling and editor theme
• script.js - editor behavior, preview, save/load, and syntax highlighting

Notes

• The app is designed to work offline from local files.
• The preview runs in a sandboxed iframe.
• The editor currently uses custom textarea-based highlighting instead of Ace.