Skip to content

imaaryan/Markdown-Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📜 MDEditor - Markdown Previewer

MDEditor is a simple Markdown previewer that allows you to write and preview Markdown in real time. Built with HTML, CSS, and JavaScript, this project features a clean UI with both dark and light mode support. 🌗

✨ Features

  • 📝 Live Markdown Editing
  • 🎨 Dark / Light Mode Toggle
  • 📜 Real-time Preview
  • 🖋️ Syntax Highlighting for Code Blocks
  • 🚀 Responsive Design

🌍 Live Demo

🔗 View MDEditor

🖼️ Screenshots

🔆 Light Mode:

Light Mode

🌙 Dark Mode:

Dark Mode

🛠️ How to Use

  1. Start typing Markdown in the editor section.
  2. The preview updates instantly on the right side.
  3. Use the theme toggle button to switch between light and dark mode.
  4. Click Reset to clear the editor.

📂 Installation

# Clone the repository
git clone https://github.com/imaaryan/Markdown-Editor.git
cd markdown-previewer

# Open index.html in your browser

🚀 Technologies Used

  • HTML5
  • CSS3 (including variables for theme switching)
  • JavaScript (Vanilla JS)
  • Marked.js (for Markdown parsing)

📌 Contributing

Feel free to fork this repository and submit pull requests if you'd like to improve MDEditor! 🎯

📝 License

This project is licensed under the MIT License.


🔗 GitHub Repo: Markdown Editor

About

MDEditor is a simple Markdown previewer that allows you to write and preview Markdown in real time. Built with HTML, CSS, and JavaScript, this project features a clean UI with both dark and light mode support.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors