Markdown to HTML Converter

Fragment or full page — get this right first

This choice decides whether the output drops cleanly into whatever you are pasting it into.

Fragment gives you the content only: the headings, paragraphs, lists and code blocks, with no <html>, <head> or <body> around them. That is what you want when the HTML is going inside something that already has a page — a CMS editor, a blog post, an email template, a component in your own site. Pasting a complete document into a CMS gives you a page inside a page, which browsers tolerate and stylesheets do not.

Full HTML page wraps everything in a proper document you can open in a browser or upload as-is. Use it when the output is the finished thing: documentation you are publishing, a README turned into a standalone page, something you are emailing as a file.

Which CSS to include

Pick None when the HTML is going into a site that already has its own styles. Any CSS you bring will either be ignored or will fight the theme, and untangling that afterwards is more work than it sounds.

GitHub Style renders it the way GitHub renders a README — system font, bordered headings, grey code blocks. That is the right pick for documentation, because the look is familiar to anyone who will read it. Basic Typography is a serif document layout, better suited to prose than to technical writing.

One quirk worth knowing: line breaks

This converter treats a single newline as a line break, producing a <br>. Strict Markdown does not — there, a single newline joins onto the same paragraph, and you need two trailing spaces or a blank line to force a break.

The behaviour here matches what GitHub comments and most chat tools do, which is what people generally expect, but it does mean that if you wrote a paragraph with your editor's soft-wrapping hard-wrapped into the file, every one of those wraps becomes a visible line break. If your output has more breaks than you intended, that is why: join those lines in the source, and leave blank lines only where you want new paragraphs.

The live preview is editable

The split preview is not just a display — you can edit the Markdown in it and the rendered side updates as you type. That makes it a quick way to fix a table that is not lining up or a code fence that was not closed, without going back to your editor and reconverting.

Related tools

HTML to Markdown Converter converts in the other direction, for pulling existing web content into Markdown. Base64 Encoder turns a small image into a Data URL, which is how you embed one directly in the HTML rather than linking to a file.