What is the Markdown Editor?

The Markdown Editor is a browser-based writing tool with a live preview pane. Write Markdown on the left, see the rendered output on the right — updating in real time as you type. No installation, no account, no setup.

It's designed for anyone who writes in Markdown regularly: developers writing documentation, technical writers drafting README files, bloggers composing posts, or anyone who prefers writing in plain text with lightweight formatting syntax.

---

How to Use the Editor

1. Write in the left panel. Type your Markdown directly or paste existing content. Standard Markdown syntax is fully supported: headings, bold, italic, links, images, lists, blockquotes, code blocks, and tables.
2. See the preview in real time. The right panel renders your Markdown to HTML as you type, showing exactly how the final output will look.
3. Use the cheat sheet if you need a quick syntax reminder. The built-in reference covers all common Markdown elements without leaving the editor.
4. Export when done. Copy the Markdown source, copy the rendered HTML, or download either as a file.
5. Go fullscreen. Focus on writing by expanding either the editor or preview to fill the screen.

---

Markdown Syntax Reference

Headings — prefix a line with # symbols. One # for H1, two for H2, up to six for H6.

Bold and italic — wrap text with **double asterisks** for bold, *single asterisks* for italic, ***triple*** for both.

Links — [link text](https://url.com)

Images — ![alt text](image-url.jpg)

Unordered lists — start lines with -, *, or +

Ordered lists — start lines with 1., 2., etc.

Inline code — wrap with backticks: `code`

Code blocks — wrap with triple backticks and optionally specify a language for syntax highlighting:

const x = 1;

Blockquotes — prefix lines with >

Tables — use pipe characters to define columns and a separator row of dashes

Horizontal rule — three or more dashes on their own line: ---

---

Common Uses

README files — GitHub, GitLab, and most code repository platforms render Markdown natively. Write and preview your README before committing.

Documentation — static site generators like Docusaurus, MkDocs, Jekyll, and Hugo all take Markdown source files. Draft and preview docs here before adding them to your project.

Blog posts — many blogging platforms (Ghost, Hashnode, Dev.to) use Markdown as their native writing format. Compose posts here with live preview before pasting into your CMS.

Technical notes — Markdown is a cleaner alternative to rich text for notes that need code formatting, structured headings, or lists — especially notes that will be shared in a technical context.

Learning Markdown — the live preview makes it immediately clear what each syntax element does, which speeds up learning the format.

---

Privacy

Everything you write stays in your browser. No content is sent to any server or stored anywhere between sessions.