About the Markdown Editor Pro

Write Markdown and see the formatted result side by side.

How to use the Markdown Editor Pro

1. Type Markdown in the editor, or click Load Sample.
2. Watch the preview update. Use the layout buttons to switch views.
3. Click Copy HTML, Copy Markdown or Download .md.

Formula and method

When to use the Markdown Editor Pro

• Writing README files, documentation and blog posts with a live preview.
• Taking notes in a format that you can later convert to HTML.
• Checking that headings, lists, tables and code blocks render as you expect.
• Exporting a finished document as Markdown or HTML.

Common mistakes to avoid

• Forgetting the blank line before a list or a heading, which stops it from rendering as one.
• Using spaces or tabs at the start of a line, which turns text into a code block.
• Relying on features that not every Markdown renderer supports, such as tables or task lists, when you publish elsewhere.

Tips

• Leave a blank line between paragraphs.
• Use a backtick pair for inline code and three backticks for a code block.
• Use ## for section headings and keep one # heading per document.
• Wrap code in triple backticks and add the language name for syntax highlighting.