📝

Markdown Previewer

Write or paste Markdown and see a beautiful live preview. Supports all CommonMark syntax including tables, code blocks, and task lists.

⚡ Live
Markdown
Words: 0 Chars: 0 Lines: 0
Preview

About Markdown Previewer

Markdown is a lightweight markup language that converts plain text into formatted HTML. This previewer renders your Markdown in real-time as you type, supporting the full CommonMark spec plus GitHub Flavored Markdown (GFM) extensions including tables, strikethrough, and task lists.

Supported Syntax

  • Headings - # H1 through ###### H6
  • Emphasis - **bold**, *italic*, ~~strikethrough~~
  • Code - Inline `code` and fenced code blocks with ```
  • Links & Images - [text](url) and ![alt](url)
  • Tables - GFM pipe tables with alignment
  • Task lists - - [x] Done / - [ ] Todo
  • Blockquotes - Lines starting with >

How to Use

  1. Type or paste Markdown into the editor on the left.
  2. The rendered preview updates in real time on the right.
  3. Switch to Full Preview mode to see the rendered output at full width.
  4. Use the toolbar shortcuts for common formatting (bold, italic, headings, links).

How It Works

The tool uses Marked.js to convert Markdown syntax to HTML and renders it in the preview panel. The editor and preview are synchronized - scrolling one scrolls the other to keep the corresponding section visible.

Example

Type ## Hello World to see an H2 heading. Type **bold** for bold text. Type - item for a bullet list. Type [Link](https://example.com) for a clickable link.

FAQ

Yes - use the "Copy HTML" button to copy the rendered HTML to your clipboard. You can also download the original Markdown as a .md file.
Yes. The parser supports GFM extensions including pipe tables, strikethrough (~~text~~), and task list checkboxes (- [x]).
Your content stays in the browser session only. It is not sent to any server and will be cleared on page refresh. Use "Download .md" to save your work.