Markdown Preview

Split-pane markdown editor with live preview. Supports GitHub Flavored Markdown including tables, task lists, and strikethrough. Export as HTML.

Markdown Editor

Features

This editor supports bold, italic, and strikethrough text. You can also use bold and italic with underscores.

Code

Inline code: const x = 42;

function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

Links & Images

Visit Example

Placeholder Image

Lists

Unordered:

  • First item
  • Second item
  • Third item

Ordered:

  1. Step one
  2. Step two
  3. Step three

Task List

  • Write markdown parser
  • Add preview pane
  • Add more features

Blockquote

This is a blockquote.
It can span multiple lines.

Table

FeatureStatusNotes
HeadersDoneH1 through H6
Bold/ItalicDoneMultiple syntaxes
TablesDoneWith alignment

Horizontal Rule


That's all the supported syntax!

How to Use Markdown Preview

  1. Type or paste markdown in the left editor pane.
  2. See the rendered preview update in real-time on the right.
  3. Use GitHub Flavored Markdown for tables, task lists, and strikethrough.
  4. Click 'Copy HTML' to copy the rendered HTML output.
  5. Click 'Export HTML' to download as an HTML file.

Frequently Asked Questions

What is GitHub Flavored Markdown (GFM)?

GFM is an extension of standard Markdown used on GitHub. It adds support for tables, task lists (checkboxes), strikethrough text, and fenced code blocks.

Can I export my markdown as HTML?

Yes, you can copy the rendered HTML output or download it as a complete HTML file ready to use in your projects.

Does the editor support syntax highlighting in code blocks?

The editor renders fenced code blocks with proper formatting. Code blocks are displayed in a monospace font with a distinct background.