Live Demo: https://the-md-editor.pages.dev
GitHub Repository: https://github.com/Bogglo/markdown-pro
A high-performance, SEO-optimized, and secure Markdown editor built with React + Vite. Designed for developers and content creators who need a fast, reliable workspace with real-time visual feedback and modern UI.
Key Features
- Real-time Dual-Pane View: Instant preview as you type with zero lag.
- Premium Dark Mode: OLED-black theme with smooth transitions.
- Masterclass Guide: Built-in Markdown syntax guide from beginner to advanced.
- Auto-Save Intelligence: Automatically saves content and theme preferences locally.
- Smart Rename: Rename your project with auto-validation before export.
-
Pro Export Options:
- Download as
.mdfile - One-click “Copy as HTML” for CMS/blogs
- Download as
- Secure by Design: Integrated DOMPurify sanitization to prevent XSS attacks.
- Responsive Layout: Mobile-friendly with dedicated Edit/Preview toggles.
Tech Stack
| Component | Technology |
|---|---|
| Framework | React 18 + Vite (TypeScript) |
| Parsing | Marked.js |
| Security | DOMPurify |
| Syntax Highlighting | Prism.js |
| Styling | Modern CSS Variables (no external UI frameworks) |
Quick Start
cd markdown-pro-editor
npm install
npm run dev
npm run build
