Skip to main content

Markdown Preview

English

Preview Markdown in real time.

Hello World

This is a bold and italic text example.

Features


  • Item one

  • Item two

  • Item three


Code


Use console.log() to debug.
  • First step

  • Second step

  • Third step

    • All calculations performed locally in your browser. No data sent to server.

    Results are for informational purposes. Verify results with other sources.

    Markdown, and why yours renders differently elsewhere

    Markdown is not one language. CommonMark is the strict core; GitHub Flavored Markdown adds tables, strikethrough, task lists and autolinking on top. Most rendering surprises come from writing in one flavour and publishing in another.

    How it works

    • Renders your text live as you type, so you can see the structure rather than imagine it.
    • Supports the common GFM extensions — tables, fenced code blocks, task lists — alongside the CommonMark core.
    • Runs entirely in your browser, so a draft you paste here is not uploaded anywhere.
    CommonMark core     headings, emphasis, lists, links, blockquotes, code
GFM adds            tables, ~~strikethrough~~, task lists, autolinks
neither has         underline, coloured text, font size, centring

hard line break     end a line with two spaces, or use a blank line

    Worked example

    The two things people most often get wrong: line breaks and nested lists.

    1. line one
    2. line two → renders as one paragraph: 'line one line two'
    3. line one·· → two trailing spaces force a break
    4. nested list: indent the child by exactly the parent's marker width
    5. - parent / ··- child works; - parent / · - child often does not

    A single newline is not a line break in Markdown — it is a space. That one rule accounts for most 'why is my formatting collapsed' confusion.

    Reading the result

    • Tables are a GFM extension, not core Markdown. If yours renders as literal pipes, the target renderer is CommonMark-only — common in older wikis and some static site generators.
    • Indentation for nested lists must match the parent's marker width. Two spaces works under a '- ' marker; under '1. ' you need three. Mixed indentation is the usual cause of a list that flattens.
    • Raw HTML is allowed by the spec but stripped by most hosted renderers for safety. Do not rely on a <div> surviving into GitHub, a CMS, or a comment field.
    • There is no underline and no way to set colour or size. If you need those, you need HTML or a different format — Markdown deliberately stops at structure.

    Common questions

    Why did my line breaks disappear?
    A single newline is treated as a space. Use a blank line for a new paragraph, or end the line with two spaces to force a break within one. Some renderers offer a 'break on newline' option that changes this.
    Why does my table not render?
    Tables need GFM. Check that the header separator row uses at least three dashes per column (|---|---|) and that the target platform supports the extension at all.

    Sources