All tools
✍️ TEXT & WRITING

Markdown Preview

Write on the left, see rendered HTML on the right. Supports GFM tables, fenced code blocks, links, images, and more.

177 words · ~1 min read
EDITOR
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
PREVIEW

Markdown Preview

Welcome to the Markdown Preview tool — a split-pane writing studio.

Features

This tool renders GitHub Flavored Markdown in real time. Here's what it supports:

Inline Formatting

You can write bold text, italic text, strikethrough, and inline code all on the same line. You can also combine them: bold italic.

Links and Images

Visit mohdsakib.vercel.app for more tools.

Alt text

Blockquote

"The scariest moment is always just before you start."
— Stephen King

Code Block

function parseMarkdown(input) {
  return input
    .replace(/^# (.+)$/gm, '<h1>$1</h1>')
    .replace(/**(.+?)**/g, '<strong>$1</strong>');
}

Lists

Unordered:

  • Writing tools
  • Developer utilities
  • Calculators
  • Productivity apps

Ordered:

  1. Write your markdown
  2. See the live preview
  3. Copy or download

Horizontal Rule

Table

SyntaxDescriptionExample
# H1Heading level 1Big title
<strong>bold</strong>Bold textbold
<em>italic</em>Italic textitalic
`code`Inline codecode
> quoteBlockquote> quote

Start editing this document or paste your own markdown on the left.

Markdown Syntax Cheatsheet

SyntaxResult
# Heading 1Largest heading (H1)
## Heading 2Second-level heading (H2)
**bold**Bold text
*italic*Italic text
~~strikethrough~~Strikethrough text
`inline code`Inline code span
```lang\ncode\n```Fenced code block
> blockquoteBlock quotation
- itemUnordered list item
1. itemOrdered list item
[text](url)Hyperlink
![alt](url)Image
---Horizontal rule
| col | col |\n|---|---|Table (GFM)

Frequently Asked Questions

What is Markdown?

Markdown is a lightweight markup language created by John Gruber in 2004. It uses plain text formatting syntax that converts to HTML. Writers use it for documentation, README files, blog posts, and notes because it's easy to read in raw form and renders cleanly to HTML.

What is GitHub Flavored Markdown (GFM)?

GitHub Flavored Markdown (GFM) is a dialect of Markdown created by GitHub. It extends standard Markdown with tables, fenced code blocks with syntax highlighting hints, strikethrough text, and task list items. This tool supports GFM features including tables and fenced code blocks.

How do I create a table in Markdown?

Use pipe characters to define columns and a row of dashes to separate the header from the body. Example: | Name | Age | on the first line, | --- | --- | on the second, then data rows. At least three dashes are required in each separator cell.

How do I add a code block in Markdown?

Use triple backticks (```) before and after your code. Optionally add a language name after the opening backticks for syntax highlighting hints, for example ```javascript. For inline code, wrap the text in single backticks like `code`.

What's the difference between * and ** in Markdown?

A single asterisk (*text*) or underscore (_text_) makes text italic. Double asterisks (**text**) or double underscores (__text__) make it bold. You can combine them — ***text*** or **_text_** — for bold italic.

Can I use this tool to convert Markdown to HTML?

Yes. Click the 'Copy HTML' button in the toolbar to copy the rendered HTML to your clipboard. This gives you the full HTML output of your Markdown, which you can paste directly into any HTML file or CMS.

More free tools

Word counter, notepad, JSON formatter, regex tester, and many more.

Browse all tools
← Back to tools