Markdown Viewer
Preview Markdown as formatted text and copy the HTML
Paste or write Markdown and see it rendered live, with headings outline, word count and reading time, then copy the HTML. Supports tables, task lists and code blocks.
Everyday UseUpdated October 21, 2026Checked against 8 reference values
Examples
Document
41 words
2 headings, 1 paragraphs, about 1 min to read
Chart data as a table
| Count | |
|---|---|
| Headings | 2 |
| Paragraphs | 1 |
| Lists | 1 |
| Code | 1 |
| Tables | 1 |
| Links | 1 |
- Links
- 1
- Code blocks
- 1
- Lists
- 1
- Tables
- 1
Preview
Project notes
Markdown turns plain text into formatted pages. Use italics, inline code and links.
To do
- Write the outline
- Add screenshots
- Review with the team
Keep it short and scannable.
| Step | Owner |
|---|---|
| Draft | Sam |
| Edit | Lee |
const total = items.reduce((a, b) => a + b, 0);Outline
- Project notes
- To do
What this viewer does
Markdown is a lightweight way to format text with plain characters, such as asterisks for bold and pound signs for headings. Type or paste Markdown on the left and see it rendered as a formatted document, with an outline of the headings, a word count and reading time, and counts of links, lists, tables and code blocks. Copy the result as HTML to paste into a website or email template, or copy the Markdown itself.
The viewer runs entirely in your browser. Raw HTML in the source is shown as text rather than run, so pasting untrusted Markdown is safe.
Markdown cheat sheet
| Type | Result |
|---|---|
# Heading 1, ## Heading 2 | Headings, levels 1 to 6 |
**bold** | Bold |
*italic* or _italic_ | Italic |
~~text~~ | Strikethrough |
`code` | Inline code |
[text](https://url) | Link |
- item or 1. item | Bulleted or numbered list |
- [ ] task | Task list checkbox |
> quote | Block quote |
``` | Code block fence |
| a | b | | Table row |
--- | Horizontal rule |
Example
**Hello**, *world* → bold Hello, italic world
The HTML produced is <p><strong>Hello</strong>, <em>world</em></p>. Paragraphs are separated by blank lines; a single line break inside a paragraph is joined into the same line, as most Markdown renderers do.
Markdown flavors
John Gruber created Markdown in 2004, but the original description left many details open, so tools behaved differently. CommonMark, published from 2014, is a precise specification that most modern tools follow. GitHub Flavored Markdown adds tables, task lists, strikethrough and automatic links on top of CommonMark. This viewer supports the common subset of these features used in READMEs, notes and documentation; advanced extras such as footnotes, nested lists and embedded HTML are not rendered.
Where Markdown is used
- README files and documentation on GitHub, GitLab and Bitbucket.
- Note-taking apps such as Obsidian, Joplin and Bear.
- Chat and forum posts on platforms such as Slack, Discord and Reddit, which support parts of it.
- Static site generators and blogs that build pages from Markdown files.
- Writing that will later be converted to HTML, Word or PDF with tools like Pandoc.
Using the HTML
The copied HTML uses plain elements such as h2, p, ul, table and code without inline styles or classes, so it takes on the look of wherever you paste it, whether a content management system, a newsletter tool or a web page. Links get rel="nofollow noopener" added for safety. If your platform accepts Markdown directly, paste the Markdown instead; many blogging tools, issue trackers and documentation systems convert it themselves, and keeping the source in Markdown makes later edits easier than editing HTML by hand.
Writing faster
Markdown is quickest when you stop reaching for the mouse. Type two asterisks on each side of a word for bold, start a line with a dash for a list, and press Enter twice to start a new paragraph. Numbered lists renumber themselves in the output, so you can write 1. on every line and still get 1, 2, 3. Tables do not need perfectly aligned pipes; the columns line up when rendered, and you can add or remove rows freely as long as each row starts and ends with a pipe.
Tips for clean Markdown
Put a blank line before and after headings, lists, code blocks and tables so every renderer recognizes them. Use one top-level heading per document and do not skip levels, which also helps accessibility. Give code blocks a language name after the opening fence, such as js or python, so syntax highlighting works where supported. Write link text that makes sense out of context, rather than a vague "click here".
Markdown Viewer: common questions
How do I preview a Markdown file?
Open the file in a text editor, copy its contents and paste them into the Markdown box. The formatted preview appears below as you type.
Can I convert Markdown to HTML?
Yes. Leave Copy set to HTML and press Copy to put the generated HTML on your clipboard.
Does it support tables and task lists?
Yes, in GitHub Flavored Markdown style: pipe tables with a header separator line, and list items starting with [ ] or [x].
Is it safe to paste untrusted Markdown?
Raw HTML is escaped and shown as text, and links are limited to web and email addresses, so scripts cannot run.
Is my text saved?
It is kept in your browser's local storage so it is there when you return. Nothing is uploaded.
Sources
Related calculators
- Online NotepadWrite plain-text notes that save automatically in your browser, with live word, character, sentence and paragraph counts, reading time, copy and download as a text file.
- Lorem Ipsum GeneratorGenerate lorem ipsum placeholder text by paragraphs, sentences or words, starting with the classic opening or not, as plain text or HTML paragraphs.
- Word Count CalculatorCount words, characters with and without spaces, sentences and paragraphs as you type, with reading time, keyword density, common limits and a word goal.
- Alphabetize List ToolAlphabetize a list A to Z or Z to A with natural number order, remove duplicates, ignore leading articles, sort by length or shuffle, with lines, commas or spaces.
- Text Case ConverterConvert text to sentence case, AP-style title case, uppercase, lowercase, camelCase, PascalCase, snake_case, kebab-case and more, with every style shown at once.