Live HTML Editor

A lightweight, browser-based, interactive HTML editor built using pure HTML, CSS, and JavaScript, that lets you write, edit, and instantly preview HTML content. Supports live preview, dark/light mode, font size customization, and HTML download. Perfect for experimenting with web layouts or building pages on the fly. Especially Designed for learners, hobbyists, and coders who want to experiment directly in the browser.

⚠️ Note: This is a client-side editor intended for personal, educational, and experimental use. It is not a full-scale IDE.

---

Features

• Live HTML, CSS, and JavaScript editing
• Toggle visibility for JS and CSS editors
• Run code in an embedded iframe
• Clear editors or reset workspace
• Export code as a standalone HTML file
• Fully offline, portable, and dependency-free
• Option button with features like theme, word wrap, etc.

---

Repository Structure

All project versions are organized under the versions/ directory.
Each version folder contains its own documentation explaining available formats, features, and usage instructions.

---

Usage

No installation required.

1. Navigate to a version inside the versions directory and choose your preferred build
2. Open file and start typing HTML, CSS, and JS in the respective editors
3. Click Run to see output
4. Use Back to return to editors
5. Optional: Use the floating toolbar for extra options like file import, download, night mode, and font adjustments

---

Technology Stack

• HTML5
• CSS3
• Vanilla JavaScript (DOM API & iframe sandbox)

---

License

Open for learning, modification, experimentation, and redistribution.

---

---

🌐 Try Live
Try it here: https://akp-labs.github.io/live-html-editor