Features
- Split view: edit markdown on the left, preview rendered HTML on the right
- Built with a custom ~75-line markdown parser — no libraries
- Supports: h1-h6, bold, italic, links, lists, code blocks, blockquotes, HR
- Tab toggle: Split / Editor / Preview modes
- Copy rendered HTML to clipboard
- Default placeholder text demonstrating all supported formats
- Dark theme with orange accent (#ff6b35)
How It Works
The custom parser processes text line-by-line using regex patterns for block-level elements (headers, blockquotes, code blocks, HR, list items), then inline elements (bold, italic, code, links). The preview pane uses innerHTML to render the parsed output. A debounced input listener (150ms) ensures smooth live updates without excessive re-parsing.
Usage
- Open
https://soumendrak.github.io/markdown-live/in any browser. - No build step, no installation, no server required.
- Deploy anywhere — GitHub Pages, Netlify, or any static host.
git clone https://github.com/soumendrak/markdown-live.git
# Open index.html directlyLicense
Licensed under the MIT License.
Built with ❤️ and zero dependencies