Markdown Editor with Live Preview

Write Markdown and see the result instantly

Markdown is the plain-text formatting language behind README files, documentation sites, GitHub issues, note-taking apps and many blogs. You write simple symbols — # for headings, ** for bold, - for lists — and they’re turned into formatted text. This editor shows the rendered result next to your text as you type, so you can write confidently without switching between tools.

How to use the editor

1. Start typing in the editor, or edit the sample document to see how each element works.
2. Use the toolbar to insert bold, italic, headings, links, code, lists and quotes around your selection.
3. Watch the preview update. On phones, switch between Write and Preview; on large screens, use Split.
4. Export your work as a .md file, as a complete .html page, or copy the HTML to paste elsewhere.

Your document is saved automatically in this browser, so it’s still there if you close the tab.

Markdown quick reference

• # Heading, ## Subheading — headings from level 1 to 6
• **bold**, _italic_, `inline code`
• [link text](https://example.com) and ![alt text](image.png)
• - item or 1. item — bulleted and numbered lists
• - [ ] task and - [x] done — task lists
• > quote — blockquotes
• Three backticks on their own line start and end a code block; add a language name for context
• Pipes and dashes build tables: | Name | Value | followed by | --- | --- |

The editor supports GitHub-flavored Markdown (GFM), the most widely used variant, so tables, task lists and fenced code blocks work just as they do on GitHub.

Safe HTML output

Markdown allows raw HTML, which is powerful but risky: pasted content could contain scripts or event handlers. Every preview and export here is cleaned with DOMPurify, a widely used sanitizer that removes scripts, inline event handlers and other dangerous markup while keeping normal formatting. That makes the exported HTML safe to open and publish.

Tips for great README files

• Start with one sentence explaining what the project does and who it’s for.
• Show installation and a minimal usage example in code blocks near the top.
• Use headings consistently so readers can scan and platforms can build a table of contents.
• Keep lines of prose natural — Markdown ignores single line breaks within a paragraph.

Checking length? Paste your text into the Word Counter. Converting existing documents? Try PDF to Markdown, and compare two versions of a file with the Diff Checker.