ToolRun
📝

Markdown Preview

Write Markdown and see the rendered HTML preview in real time. Supports headings, bold, italic, code, links, lists, and more.

Markdown Preview

Write Markdown and see the rendered HTML preview in real time.

Preview

Markdown Preview

Features

This tool supports bold, italic, and bold italic text.

You can write inline code or code blocks:

function hello() {

console.log("Hello, world!");

}

Lists

  • First item
  • Second item
  • Third item

Links and Quotes

Visit ToolRun for more tools.

This is a blockquote. It can contain formatted text.

That's the basics of Markdown!

About Markdown

Markdown is a lightweight markup language created by John Gruber and Aaron Swartz in 2004. It allows you to write formatted text using a simple, readable plain-text syntax that can be converted to HTML and other formats. Markdown has become the standard for writing documentation, README files, blog posts, and comments on platforms like GitHub, Stack Overflow, and Reddit.

Markdown Syntax Reference

Here are the most commonly used Markdown elements:

  • Headings: Use # for h1, ## for h2, up to ###### for h6.
  • Bold: Wrap text in **double asterisks** or __double underscores__.
  • Italic: Wrap text in *single asterisks* or _single underscores_.
  • Code: Use `backticks` for inline code or triple backticks for code blocks.
  • Links: [display text](url) creates a clickable link.
  • Images: ![alt text](image-url) embeds an image.
  • Lists: Start lines with - or * for unordered lists, or 1. for ordered lists.
  • Blockquotes: Start a line with > to create a blockquote.
  • Horizontal rule: Use --- on its own line.

Where Markdown Is Used

  • GitHub: README files, issues, pull requests, and comments all support Markdown.
  • Documentation: Tools like MkDocs, Docusaurus, and VuePress use Markdown files as source content.
  • Blogging: Static site generators like Hugo, Jekyll, and Astro use Markdown for blog posts.
  • Note-taking: Apps like Obsidian, Notion, and Bear use Markdown or Markdown-like syntax.
  • Communication: Slack, Discord, and many forums support Markdown formatting.

Markdown Flavors

While the original Markdown specification covers the basics, several extended versions (flavors) have added features:

  • GitHub Flavored Markdown (GFM): Adds tables, task lists, strikethrough, and autolinked URLs.
  • CommonMark: A strict specification that resolves ambiguities in the original Markdown syntax.
  • MDX: Allows embedding JSX components inside Markdown, used in modern React documentation sites.

Frequently Asked Questions

What is the difference between Markdown and HTML?
Markdown is a simplified syntax that gets converted to HTML. While HTML gives you complete control over document structure with tags like <div>, <span>, and <table>, Markdown provides a much simpler syntax for common formatting needs. For example, **bold** in Markdown becomes <strong>bold</strong> in HTML. Markdown is easier to read and write as plain text, making it ideal for content authoring.
Can I use HTML inside Markdown?
Yes, most Markdown processors allow inline HTML. If you need a feature that Markdown does not support natively (like tables with complex formatting, colored text, or custom div elements), you can write HTML directly in your Markdown file. The HTML will pass through to the output unchanged. However, Markdown syntax is not processed inside HTML block-level elements.
How do I create a table in Markdown?
Tables use pipes (|) and hyphens (-) in GitHub Flavored Markdown. The syntax is: | Header 1 | Header 2 | on the first line, | --- | --- | on the second line for the separator, and | Cell 1 | Cell 2 | for data rows. You can align columns using colons in the separator row: :--- for left, :---: for center, and ---: for right alignment. This preview tool focuses on core Markdown; for tables, use a GFM-compatible editor.
Is Markdown the same everywhere?
The basic syntax (headings, bold, italic, links, lists) is consistent across platforms. However, extended features like tables, task lists, footnotes, and syntax highlighting vary by platform and parser. GitHub Flavored Markdown, CommonMark, and other flavors each add their own extensions. Always check which Markdown flavor your target platform supports.

Related Tools