Online Code Editor with HTML, CSS, JavaScript 🖥️

An Online Code Editor built using HTML, CSS, and JavaScript that allows users to write, edit, and run code directly in their browser. This tool supports HTML, CSS, JavaScript, and Python. It provides a live HTML and CSS preview, making it easy to see changes in real-time. The editor also features syntax highlighting for a better coding experience.

Features

• Code Editor: Write code in HTML, CSS, JavaScript, or Python directly in the browser ✍️
• Live Preview: See real-time HTML and CSS changes as you write the code 🔄
• Syntax Highlighting: Enhanced readability with color-coded syntax for different programming languages 🌈
• Multi-Language Support: Supports HTML, CSS, JavaScript, and Python for versatile coding practices 🔠
• Run Code: Execute code within the editor and view the results instantly 🚀

Technologies Used

• Frontend: HTML for structure, CSS for styling, and JavaScript for interactivity and functionality 💻
• Code Highlighting: JavaScript libraries to add syntax highlighting and editor functionality 🖋️
• Live Preview: Dynamic updates of HTML and CSS in real-time for an instant preview of the changes 🖥️

How it Works

1. Write Code: Type your HTML, CSS, JavaScript, or Python code in the provided editor ✍️
2. Preview: Instantly view the output of your HTML and CSS in a live preview window 🔄
3. Run the Code: Execute your code and see the results for JavaScript and Python directly in the browser 🚀
4. Syntax Highlighting: Enjoy clear and readable code with syntax highlighting for better coding experience 🌈

Installation

1. Clone the repository:

   git clone https://github.com/LakshayD02/online_code_editor.git

2. Open the index.html file in your browser to start using the editor.
3. Customize or edit the code as per your requirements.