GitHub


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

  1. Open https://soumendrak.github.io/markdown-live/ in any browser.
  2. No build step, no installation, no server required.
  3. Deploy anywhere — GitHub Pages, Netlify, or any static host.
git clone https://github.com/soumendrak/markdown-live.git
# Open index.html directly

License

Licensed under the MIT License.


Built with ❤️ and zero dependencies

Read the original on github.com ↗