Skip to content
DayUtils

Markdown to HTML Converter with Live Preview

Write or paste Markdown and get clean HTML instantly, with a live preview underneath. Supports GitHub-flavoured Markdown — headings, lists, links, images, code, quotes and tables — and lets you copy the HTML or download it as a file.

Loading tool…

How to use the Markdown to HTML converter

  1. Type or paste Markdown, or press Try an example.
  2. The HTML appears on the right and a preview appears below.
  3. Tick Line breaks become br if you want every new line kept as a line break.
  4. Copy the HTML or Download it as an .html file.

Markdown cheat sheet

MarkdownResult
# HeadingHeading level 1
## HeadingHeading level 2
**bold**bold
*italic*italic
[link](https://example.com)a link
![alt text](image.png)an image
- itembullet list
1. itemnumbered list
> quoteblock quote
`code`inline code
---horizontal rule

Fenced code blocks start and end with three backticks, optionally followed by a language name for syntax highlighting on sites that support it. Tables use pipes and a separator row of dashes.

Example

## Release notes

- A faster *search*
- [Dark mode](https://example.com)

becomes

<h2>Release notes</h2>
<ul>
<li>A faster <em>search</em></li>
<li><a href="https://example.com">Dark mode</a></li>
</ul>

Why convert Markdown to HTML?

  • Websites and blogs: write in Markdown, publish as HTML.
  • Email newsletters: draft in Markdown and paste the HTML into your email tool.
  • CMS fields that accept HTML but not Markdown.
  • Documentation: preview README files before committing them.
  • Learning: see exactly what HTML each Markdown feature produces.

Tips

  • Leave a blank line between paragraphs, lists and headings.
  • Indent nested list items by two or four spaces.
  • Escape characters that Markdown would otherwise format with a backslash, such as \* for a literal asterisk.
  • If you paste the HTML into a site, check its rules — some platforms strip tags like iframes or styles.

Flavours of Markdown

The original Markdown left some details undefined, so different sites made different choices. CommonMark is a precise specification that most modern tools follow, and GitHub-flavoured Markdown (GFM) adds tables, task lists, strikethrough and automatic links on top. This converter uses a GFM-compatible parser, so READMEs and notes written for GitHub, GitLab and most documentation tools convert as you’d expect. Some platforms add their own extras, such as footnotes, math or diagrams, which may appear as plain text here.

Line breaks

A single new line inside a paragraph is ignored by default. End a line with two spaces, or tick the line-break option, to force a break.

This matches how GitHub and most Markdown editors behave.

Images

Markdown images point to a URL. In the preview, images load only if the URL is publicly reachable; local file paths from your computer won’t display.

Security note

Markdown allows raw HTML, so HTML copied from untrusted sources can contain scripts. The preview here is sandboxed, but if you publish the output on a website, make sure your site sanitises user content. To show HTML code as text, escape it with the HTML entity encoder. To count words in your draft, use the word counter.

Frequently asked questions

What is Markdown?

A simple way to format text with plain characters: # for headings, * or _ for emphasis, - for lists and [text](url) for links. It was created in 2004 and is now used by GitHub, Reddit, many note apps and documentation sites.

Which Markdown features are supported?

Standard Markdown plus GitHub-flavoured extras: tables, fenced code blocks, strikethrough and automatic links. You can also tick an option to turn single line breaks into <br> tags.

Is the preview safe?

Yes. The preview is shown in a sandboxed frame with scripts disabled, so HTML in your Markdown can’t run code on this page.

Does the HTML include styles?

No. The output is plain semantic HTML — headings, paragraphs, lists and tables — so it picks up the styles of wherever you paste it. The preview adds simple styles only for display.

Can I convert HTML back to Markdown?

Not with this tool. It converts in one direction, Markdown to HTML.

Is my text uploaded?

No. Conversion happens in your browser.

Last updated: