Developer

Markdown Editor & Preview

Write Markdown and see the live preview side by side

Markdown
Preview

Welcome to Markdown Editor

Write Markdown on the left, see the live preview on the right.

Features

  • Bold with text
  • Italic with text
  • Strikethrough with text
  • Inline code with backticks

Code Block

const greet = (name) => Hello, ${name}!;

console.log(greet('World'));

Links & Images

Visit ToolRiv

Blockquotes are supported too.

  1. Ordered lists work
  2. Just like this
  • Unordered lists
  • Work too
505 characters ยท 32 linesMarkdown renders live as you type

Markdown Syntax Quick Reference

Markdown uses intuitive symbols to format text. Here is a complete reference of the most commonly used syntax:

Text Formatting

  • Bold: **text** or __text__ โ†’ text
  • Italic: *text* or _text_ โ†’ text
  • Bold + Italic: ***text*** โ†’ text
  • Strikethrough: ~~text~~ โ†’ text
  • Inline code: `code` โ†’ code

Headings

Use # symbols at the start of a line (1-6 # symbols for h1-h6):

  • # Heading 1 โ†’ <h1>
  • ## Heading 2 โ†’ <h2>
  • ### Heading 3 โ†’ <h3>
  • #### Heading 4 โ†’ <h4>

Lists

Unordered lists use -, *, or + followed by a space. Ordered lists use numbers:

  • - Item 1 (or * Item 1)
  • 1. First ordered item
  • 2. Second ordered item

Links and Images

  • Link: [Display Text](https://url.com)
  • Image: ![Alt Text](https://image-url.com)
  • Link with title: [Text](url "Tooltip")

Code Blocks

Fenced code blocks use triple backticks, optionally followed by the language name for syntax highlighting:

  • ```javascript โ€” opens a JavaScript code block
  • ```python โ€” opens a Python code block
  • ``` โ€” generic code block without syntax highlighting

Other Elements

  • Blockquote: > This is a blockquote
  • Horizontal rule: --- (three or more dashes on their own line)
  • Line break: Two spaces at end of line, or a blank line between paragraphs

Where Markdown Is Used

Markdown is the standard format for many platforms and tools:

  • GitHub / GitLab: README.md files, pull request descriptions, issue comments, wikis
  • Static site generators: Jekyll, Hugo, Gatsby, Astro โ€” content is written in Markdown
  • Documentation tools: MkDocs, Docusaurus, GitBook
  • Note-taking apps: Obsidian, Notion, Bear, Typora
  • Chat platforms: Slack, Discord, and many others support a Markdown-like syntax
  • Email: Some email clients and newsletter tools accept Markdown

Frequently Asked Questions

What is Markdown?
Markdown is a lightweight markup language created by John Gruber in 2004. It lets you format text using simple plain-text symbols โ€” #headings, **bold**, *italic*, etc. The text remains readable as plain text and can be converted to HTML. It is widely used for README files, documentation, blog posts, and GitHub/GitLab content.
What is the Markdown syntax for a table?
Tables in Markdown use pipes and dashes: | Column 1 | Column 2 | on the first row, | --- | --- | on the second row (separator), then data rows. Alignment can be set with colons: |:---|, |---:|, or |:---:| for left, right, or center alignment respectively. This editor supports GitHub Flavored Markdown (GFM) table syntax.
How do I add a link in Markdown?
Inline link syntax: [link text](https://url.com). Reference link syntax: [link text][ref] and then [ref]: https://url.com at the bottom. For an image: ![alt text](https://image-url.com). Links open in a new tab in the preview for safety.
What is the difference between Markdown and MDX?
MDX (Markdown + JSX) extends standard Markdown by allowing JSX/React components to be embedded directly in Markdown files. It is used by documentation sites like Next.js docs, Astro, and many modern web frameworks. Standard Markdown as supported here does not include JSX support.
How do I escape special Markdown characters?
To display a character that Markdown would normally interpret (like *, _, #, [, ], etc.), prefix it with a backslash: \* displays as *, \# displays as #. Alternatively, wrap the text in backticks to treat it as inline code: `*literal asterisk*` shows as *literal asterisk*.
Can I use HTML inside Markdown?
Standard Markdown specification allows HTML tags within Markdown content. However, for security reasons, this editor sanitizes HTML entities in the output, so raw HTML tags typed in the editor will appear as literal text rather than being rendered as HTML. Use Markdown syntax instead.