How to use the Markdown Editor
Step 1: Type or paste Markdown into the left box, or press Load example to see the common features.
Step 2: Use the toolbar to add bold, italic, headings, links, lists, checklists, quotes and code. Select text first to wrap it.
Step 3: Watch the preview update as you type. On a phone, switch between Write and Preview.
Step 4: Check the word count and reading time under the editor.
Step 5: Press Copy Markdown, Copy as HTML or Download .md when you are finished.
Features and benefits
Live preview
See headings, lists, tables, code blocks, quotes and checklists formatted as you type.
Formatting toolbar
Insert syntax with one click, or use Ctrl+B and Ctrl+I for bold and italic.
GitHub-style Markdown
Tables, checklists, strikethrough and fenced code blocks are supported.
Safe preview
Raw HTML is shown as text and never run, unsafe links are not clickable, and images are not loaded.
Export options
Copy the Markdown, copy the generated HTML, or download a .md file.
A short Markdown guide
Markdown is a way of writing formatted text using plain characters. A line starting with # is a heading, and more # signs make smaller headings. Wrap words in asterisks for emphasis: *italic* and **bold**. Start lines with - or 1. for bulleted and numbered lists, and with > for a quote. Square brackets followed by round brackets make a link, as in [text](https://example.com).
Put code between backticks, or fence a block of code with three backticks on their own lines. A table is drawn with vertical bars and a row of dashes under the header. Leave a blank line between paragraphs, because a single line break inside a paragraph is normally ignored.
How the safe preview works
The preview is built from your Markdown piece by piece, and nothing is inserted into the page as raw HTML. If you type an HTML tag, it appears as text. Links are only clickable when they point to a web address, an email address or a place on the same page, and they open in a new tab with the usual protections. Images are shown as a label rather than loaded, so merely previewing a document never makes your browser contact another server.
Copying as HTML
Copy as HTML gives you the standard HTML that a Markdown converter would produce for your text, ready to paste into a website or an email template. It is produced from your own text and copied as text; it is not rendered by this page. If your Markdown contains raw HTML, that HTML is passed through unchanged in the copied result, so review it before using it somewhere that publishes it.
Example use cases
Writing a README
Draft project documentation and check how headings and code blocks will look.
Taking notes
Keep structured notes with lists and checklists, then paste them into your notes app.
Drafting blog posts
Write in plain text, then copy the HTML into a content system that wants it.
Learning Markdown
Try the syntax and see the result instantly without installing anything.
Frequently asked questions
Is my text saved?
No. Nothing is saved or uploaded. Copy or download your work before you close or reload the page.
Does it support tables and checklists?
Yes. GitHub-style tables, task lists, strikethrough and fenced code blocks are supported.
Why are images not shown in the preview?
Loading an image would make your browser contact another website just because you previewed a document. The preview shows a text label instead.
Can I type HTML inside Markdown?
You can, but the preview shows it as text instead of running it. The Copy as HTML button passes it through in the copied output.
What are the keyboard shortcuts?
Ctrl+B or Cmd+B makes the selection bold, and Ctrl+I or Cmd+I makes it italic.
Related tools
Text Compare
Compare two texts and see what was added or removed, by line, word or character.
Text Tools
Word Counter
Count words, characters, sentences and paragraphs, with reading time.
Text Tools
Swagger / OpenAPI Editor
Edit OpenAPI or Swagger YAML and JSON with live checks and an endpoint preview.
Developer Tools
Last updated 11 November 2026.