📝 Markdown Editor

Overview

A sleek, responsive Markdown Editor that allows you to write and preview Markdown in real-time, with dark and light mode support.

🌟 Features

• Real-time Markdown Rendering: Instantly see your Markdown converted to HTML
• Dark/Light Mode Toggle: Switch between themes for comfortable editing
• Responsive Design: Works perfectly on desktop, tablet, and mobile
• Copy to Clipboard: Easily copy your rendered Markdown
• Reset Functionality: Quick way to clear your content
• Tab Support: Use tab key for indentation in the editor

🚀 Getting Started

Prerequisites

• A modern web browser
• Text editor (for code modifications)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/markdown-editor.git

2. Open the index.html file in your browser

📂 Project Structure

markdown-editor/
│
├── index.html        # Main HTML file
├── style.css         # Styling for the application
├── script.js         # JavaScript functionality
└── README.md         # Project documentation

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript
• Marked.js - Markdown parsing library

🎨 Customization

Themes

Easily modify the color schemes in style.css:

• Light Theme Variables
• Dark Theme Variables

Markdown Styling

Customize the .markdown-body class to change how rendered Markdown looks.

🔧 Troubleshooting

• Ensure you're using a modern browser
• Check console for any JavaScript errors
• Verify that all files are in the same directory

Project Link: [https://markdown-editorial.netlify.app/]

---

Happy Markdown Editing! 🚀