Menu

Markdown Editor / Preview

Type Markdown on the left, see live HTML preview on the right. Renders locally with the `marked` library - your text stays in your browser.

Markdown Editor: How It Works

Markdown lets you write formatted text in plain characters, so the source stays readable and the output stays consistent. It is the format behind README files, documentation sites, static blogs and most developer note-taking — and it takes about ten minutes to learn completely.

The syntax

WriteGet
# Heading 1 … ###### Heading 6Headings
**bold** · *italic* · ~~strike~~Emphasis
[text](https://url)Link
![alt](image.jpg)Image
- item or 1. itemLists
> quotedBlockquote
`code` or triple backticksInline and block code
---Horizontal rule

Two rules cause most confusion. A line break needs either two trailing spaces or a blank line — a single newline is treated as a continuation of the same paragraph. And nested list indentation must be consistent, conventionally two or four spaces, applied the same way throughout.

Flavours differ

There is no single Markdown. The original 2004 specification left many cases undefined, so implementations diverged.

FlavourAdds
CommonMarkA strict specification resolving the original ambiguities
GitHub Flavored MarkdownTables, task lists, strikethrough, autolinks, fenced code with syntax names
MultiMarkdownFootnotes, citations, definition lists
MDXEmbedded JSX components

Tables are the practical trap: they are not in the original specification, so a table that renders on GitHub may appear as raw pipes elsewhere. Check what your target platform supports before relying on an extension.

Front matter

Static site generators read a YAML block at the top of a file, delimited by triple dashes, for metadata such as title, date, tags and layout. It is not part of Markdown itself, which is why it sometimes appears as visible text in tools that do not expect it.

Writing a README worth reading

  1. What it is, in one sentence, before anything else.
  2. A screenshot or example output if there is anything visual.
  3. Installation — the exact commands, copy-pasteable.
  4. Usage — the simplest example that does something real.
  5. Configuration, if any.
  6. Licence and contribution notes.

The most common failure is a README that explains the philosophy before saying what the software does. A stranger should know whether the project is relevant to them within thirty seconds.

Why Markdown rather than a word processor

Its limits are real: complex layout, precise typography and anything involving positioned elements are outside its scope. It is a format for structured prose, and it is excellent within that boundary.

Frequently Asked Questions

Why isn't my line break appearing?
A single newline is treated as a continuation of the same paragraph. Use two trailing spaces at the end of the line, or leave a blank line to start a new paragraph. Some editors also support a backslash at the end of the line.
Why does my table not render?
Tables are not part of original Markdown — they are an extension added by GitHub Flavored Markdown and others. A table that renders on GitHub may show as raw pipe characters on a platform that only supports the original specification.
What is the difference between Markdown flavours?
The 2004 original left many cases undefined, so implementations diverged. CommonMark is a strict specification resolving those ambiguities; GitHub Flavored Markdown adds tables, task lists and strikethrough on top of it.
Can I use HTML inside Markdown?
Most processors allow inline HTML for things Markdown cannot express, such as complex tables or specific attributes. Some platforms sanitise or strip it for security, so check before relying on it.
How do I add footnotes?
Footnotes are an extension rather than core Markdown. GitHub, MultiMarkdown and Pandoc support the [^1] reference syntax; many other processors do not and will render it as literal text.
What is the YAML block at the top of some files?
Front matter — metadata such as title, date and tags, read by static site generators. It is delimited by triple dashes and is not part of Markdown itself, which is why some viewers display it as text.

Related Text Tools

Browse all Text tools →