Tool M a t i c

Markdown Editor

Write and preview Markdown in real time. Full GFM support — tables, task lists, code blocks with syntax highlighting. Export to .md, HTML, or PDF with one click. Your content stays in your browser.

Markdown Source
Preview

Start writing to see a preview.

Saved
0 words · 0 chars
✓ Your content stays in your browser — we never upload or store your Markdown files on our servers. ✓ No account required. Start writing immediately. ✓ No ads, no tracking, no paywalls.

How to Use This Tool

  • Type or paste Markdown in the left pane — the preview updates automatically as you type.
  • Use the toolbar buttons or keyboard shortcuts (Ctrl+B bold, Ctrl+I italic, Ctrl+K link) to format text.
  • Press Ctrl+Z (Windows/Linux) or Cmd+Z (macOS) to undo your last edit.
  • Click the fullscreen button in the toolbar to expand the editor to fill the browser window. Press Escape or click it again to exit.
  • Your draft is auto-saved every 1.5 seconds and restored when you return to the page.
  • Click "Export" to download your document as a .md file, HTML, or PDF.
  • Click "New" to start a fresh document (your current content will be cleared).
Frequently Asked Questions
What is Markdown?

Markdown is a lightweight markup language that lets you write plain text with simple punctuation-based formatting — like **bold**, # headings, and - lists — that converts cleanly to HTML. It is the standard format for READMEs, documentation, blog posts, and notes.

How do I write Markdown?

Use the formatting toolbar for the most common actions — it inserts the correct syntax at your cursor position. Or type directly: start a line with # for a heading, wrap text in ** for bold, use - for bullets. The live preview shows exactly how your Markdown renders as you type.

What is GitHub Flavored Markdown (GFM)?

GFM is GitHub's extended Markdown spec, adding tables, task lists (- [ ]), strikethrough (~~text~~), fenced code blocks with language tags (e.g. ```javascript), and autolinks. This editor fully supports GFM.

How do I create a table in Markdown?

Use the table toolbar button to insert a starter template, or write one manually. Separate columns with pipes | and use a separator row with dashes for the header. The toolbar inserts a ready-made 3-column template.

How do I add images to Markdown?

Use the image syntax: ![alt text](image-url). Click the image toolbar button and enter the URL and alt text. Images must be hosted somewhere publicly accessible — the Markdown file itself does not embed image data.

How do I export Markdown to PDF?

Click the PDF button in the export bar. This opens your browser's print dialog with the rendered preview ready to print. Choose "Save as PDF" in the destination dropdown. The print stylesheet hides the editor and toolbar so only your rendered content appears.

Do I need to install anything to use this editor?

Nothing at all. Open the page in any modern browser and start writing. The editor works entirely in your browser — no app, extension, or plugin needed.

Is my Markdown saved if I close the browser?

Yes. Your draft is automatically saved to your browser's local storage 1.5 seconds after you stop typing. When you return to the page, your content is restored. Note: clearing your browser data will remove the saved draft.

What's the difference between Markdown and HTML?

HTML is the language browsers render directly — it uses tags like <h1>, <strong>, and <a href>. Markdown is a simpler human-readable shorthand that compiles to HTML. Markdown is much faster to write for text-heavy content; HTML offers more precise control over structure and styling.

How do I add code blocks with syntax highlighting?

Use triple backticks followed by the language name: ```javascript (then your code, then ``` to close). The preview pane applies syntax colors for JavaScript, TypeScript, Python, HTML, CSS, Bash, JSON, SQL, Rust, Go, and more.