About

Markdown Preview

Preview Markdown with live rendering

1516 chars
Markdown
Preview

About This Tool

Markdown is a lightweight markup language that lets you write formatted content using plain text syntax. Created by John Gruber in 2004, it is now the standard format for documentation, README files, blog posts, comments on platforms like GitHub and GitLab, and note-taking applications. Our free online Markdown previewer supports the full CommonMark specification as well as GitHub Flavored Markdown (GFM), which adds features like tables, task lists, strikethrough text, and syntax-highlighted code blocks. Write your Markdown on the left and see the rendered HTML output on the right in real time, making it easy to verify your formatting before publishing.

How to Use

  1. Type or paste your Markdown content into the editor panel on the left. The preview panel on the right will update in real time as you type, showing exactly how the content will appear when rendered.
  2. Use standard Markdown syntax for formatting: # for headings, **bold** and *italic* for text styles, - or * for lists, [text](url) for links, and ![alt](src) for images.
  3. Create code blocks with triple backticks and specify the language for syntax highlighting (e.g., ```javascript). The previewer supports syntax highlighting for dozens of programming languages.
  4. Use GFM extensions like tables (with | delimiters), task lists (using - [ ] and - [x]), and strikethrough text (using ~~text~~). These features are widely supported on GitHub and other platforms.
  5. When you are satisfied with the formatting, copy the rendered HTML output or copy the raw Markdown source to use in your project, documentation, or platform.

Frequently Asked Questions

GitHub Flavored Markdown is an extension of standard Markdown that adds several features commonly used on GitHub. These include tables (using pipe characters), task lists (checkboxes), strikethrough text (double tildes), automatic linking of URLs, and fenced code blocks with language-specific syntax highlighting. Our previewer fully supports all GFM features.
Yes. Most Markdown renderers, including ours, allow you to include raw HTML within your Markdown content. This is useful for elements that Markdown does not natively support, such as iframes, custom divs with specific classes, or embedded videos. However, for security reasons, some Markdown processors may sanitize or strip certain HTML tags.
Create a table using pipe characters (|) to separate columns and hyphens (-) for the header separator row. For example: | Header 1 | Header 2 | followed by | --- | --- | and then your data rows. Alignment can be specified by adding colons to the separator row: :--- for left, ---: for right, and :---: for center alignment.
Yes, this tool supports common GitHub Flavored Markdown extensions including tables, task lists, strikethrough text, and code syntax highlighting. You can write your Markdown using these extended features and preview how they will appear on GitHub or similar platforms.

Examples

Write README Documentation

Preview your project's README file before publishing to GitHub

# Project Name

## Installation
```bash
npm install my-package
```

## Usage
This is how you use the package.

Create a Table

Format data in a clean, readable table layout

| Feature | Status | Priority |
|---------|--------|----------|
| Login   | Done   | High     |
| Signup  | WIP    | Medium   |

Add Code Blocks

Display code with syntax highlighting

```javascript
function greet(name) {
  return `Hello, ${name}!`;
}
```

Related Tools

JSON Formatter

Format and validate JSON data

HTML Entity Encoder

Encode special characters to HTML entities

Diff Checker

Compare text to find differences

Lorem Ipsum Generator

Generate placeholder text for designs

Advertisement