Markdown Editor

Write and preview Markdown in real time. Side-by-side editor and live HTML preview with a formatting toolbar, word count, and HTML copy.

Markdown723 chars · 103 words

Preview

Welcome to Markdown Editor

This is a live preview Markdown editor. Edit the left pane and watch the right pane update instantly.

Features

Side-by-side editor and preview
Toolbar for common formatting
Bold, italic, and <del>strikethrough</del> text
Inline <code>code</code> and fenced code blocks
Links, images, blockquotes, and lists

Code Example

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("world"));

Ordered List

Write your Markdown
Preview the rendered HTML
Copy the HTML output

Tip: All processing happens in your browser. Nothing is sent to any server.

Learn more about Markdown

All Markdown parsing and preview rendering happens locally in your browser. No content is sent to any server.

How to Use Markdown Editor

1Type or paste Markdown into the editor on the left.
2See the rendered HTML preview update live on the right.
3Use the toolbar buttons to insert formatting quickly.
4Click "Copy HTML" to copy the generated HTML to your clipboard.

Zenovay

Privacy-first analytics for your website

Understand your visitors without invasive tracking. GDPR compliant, lightweight, and powerful.

Explore Zenovay

JWT DecoderDecode and inspect JWT tokens. View header, payload, and verify signatures.

Base64 Encode/DecodeEncode text to Base64 or decode Base64 back to text. Supports UTF-8 and binary data.

URL Encode/DecodeEncode or decode URL components. Handle special characters, query strings, and full URLs.

Frequently Asked Questions

What is Markdown?▾

Markdown is a lightweight markup language created by John Gruber in 2004. It lets you write plain text using simple punctuation symbols that a parser converts to HTML. For example, wrapping a word in **double asterisks** makes it bold, and prefixing a line with # creates a heading. Markdown is widely used for README files, documentation, blog posts, forum comments, and note-taking apps because it is readable as plain text and renders cleanly as HTML.

What are the most important Markdown syntax basics?▾

The core syntax you will use most often: # Heading 1 through ###### Heading 6 for headings; **bold** or __bold__ for bold text; *italic* or _italic_ for italic; ~~strikethrough~~ for strikethrough; `code` for inline code; triple backticks for fenced code blocks; - item or * item for unordered lists; 1. item for ordered lists; > text for blockquotes; [link text](https://url) for hyperlinks; ![alt text](image-url) for images; --- for a horizontal rule.

How does Markdown differ from HTML?▾

HTML is a full markup language where every element needs opening and closing tags, making it verbose. Markdown is a shorthand notation that compiles to HTML. You write **bold** instead of bold. Markdown is much faster to type and easier to read as raw text. However, HTML offers more control over styling, attributes, and complex layouts. Many Markdown processors let you embed raw HTML for things Markdown cannot express, such as custom CSS classes or tables with complex structures.

What are GitHub Flavored Markdown (GFM) extensions?▾

GitHub Flavored Markdown (GFM) extends CommonMark with several widely supported additions: tables using pipe syntax (| col1 | col2 |); task lists with - [ ] and - [x] checkboxes; strikethrough using ~~text~~; fenced code blocks with optional language hints for syntax highlighting (```javascript); autolinks for bare URLs; and disallowed HTML tags are stripped for security. GFM is the standard in GitHub, GitLab, Notion, Obsidian, and most modern documentation platforms.

What are the most common use cases for Markdown?▾

Markdown is used everywhere: README and documentation files in software repositories (GitHub, GitLab, Bitbucket); static site generators (Jekyll, Hugo, Gatsby, Astro); documentation platforms (Confluence, Notion, GitBook); note-taking apps (Obsidian, Bear, Typora, iA Writer); blog platforms (Ghost, Hashnode, dev.to); comment systems (Reddit, Stack Overflow, Discourse); and API documentation tools (Swagger UI, Redoc). Its portability — plain text that renders beautifully — makes it the default writing format for technical content.

Image Tools