Markdown Preview

Write markdown on the left and see it rendered on the right.

Features

This tool supports all the basics you need:

• Bold text and italic text
• Strikethrough for deleted content
• inline code for technical terms
• Links to external pages

Task Lists

• Build the markdown renderer
• Add live preview
• Add toolbar
• Ship it

Nested Lists

• Top level item
  • Nested item one
  • Nested item two
    • Deeply nested
  • Back to second level
• Another top level

Ordered nested

1. First step
   1. Sub-step A
   2. Sub-step B
2. Second step
3. Third step

Code Blocks

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

Tables

Feature	Status	Notes
Bold / Italic	Done	Uses regex
Tables	Done	Pipes and dashes
Task lists	Done	Checkbox style

Blockquotes

The best way to predict the future is to invent it.

• Alan Kay

Images

Horizontal Rules

---

That is everything. Start typing to see your own markdown rendered live.