Markdown Previewer

Write Markdown and see the rendered HTML output in real-time.

Markdown Input
Preview

Hello World

This is bold and italic text.

Features

  • Item one
  • Item two
  • Item three
A blockquote example
console.log('Hello!');

Link to Google

That's it!

What is This Tool?

Markdown is a lightweight markup language that converts plain text into formatted HTML. Created by John Gruber in 2004, it is widely used for documentation, README files, forum posts, and content management systems. This tool provides a live split-pane editor with instant preview.

Formula
Markdown syntax: # Heading 1, ## Heading 2, ### Heading 3 **bold**, *italic*, ~~strikethrough~~ - unordered list, 1. ordered list [link text](url), ![alt](image-url) `inline code`, ```code block``` > blockquote --- horizontal rule
Worked Examples

1. Format a heading with bold

Given: ## My **Important** Title

## creates an h2 heading

**text** makes it bold within the heading

Result: Rendered as a large bold heading

2. Create a link list

Given: - [Google](https://google.com) - [GitHub](https://github.com)

- creates unordered list items

[text](url) creates clickable links

Result: A bulleted list with clickable links

3. Add a code block

Given: ```javascript console.log('Hello'); ```

Triple backticks open/close the code block

Language identifier enables syntax highlighting

Result: Syntax-highlighted code block

Frequently Asked Questions