Markdown Editor

Live split-pane editor with a zero-dependency markdown parser. Headings, bold, italic, code blocks, lists, links, blockquotes — all parsed from scratch, no libraries.

Markdown101 words · 651 chars
Preview

Markdown Editor

A live preview editor with a hand-rolled parser — zero dependencies.

Features

  • Real-time preview as you type
  • Supports bold, italic, and inline code
  • Code blocks, links, lists, blockquotes
  • Copy the rendered HTML output

Code Example

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("world"));
This parser was written from scratch — no marked, no remark, no external libraries.

Try It

  1. Edit this text on the left
  2. Watch the preview update instantly
  3. Click Copy HTML to grab the output

Built by Wei as a portfolio demo.