toolbench.onlineby Valkyron Labs

Converters

Markdown to HTML

Turn Markdown into HTML as you type: headings, lists, links, code fences, and a rendered preview. Copy or download the tags. Tables are not converted.

Markdown to HTML

Turn Markdown into HTML as you type, with an optional rendered preview.

HTML output

—

Output actions

Ready to copy output once your result appears.

Headings, lists, links, and fenced code

Markdown to HTML rewrites the box into tags as you type. Headings, emphasis, strike, inline code, links, unordered lists, numbered lists, horizontal rules, and fenced code blocks are recognized. Other lines become paragraphs. Show rendered preview is off until you check it. HTML output always shows the tags. Copy output and Download output both use those tags. Tables, blockquotes, and images are not converted as their own constructs.

How to convert Markdown

  1. 1Type in the box labeled Markdown. The placeholder starts with a heading and a bold word. There is no Run button. HTML output updates on each change. An empty box clears the tag panel.
  2. 2Leave Show rendered preview unchecked when you only want the tags. Check it to add a Preview block that renders the same HTML above the tag panel. Unchecking removes that block. The tags stay.
  3. 3Press Copy output for the tags. Press Download output to save them as markdown-to-html.txt. Clearing the box hides the tags but does not publish an empty string, so the previous tags remain the copy until the next non-empty conversion.

What it is good for

  • • Turning a heading, a bold word, a link, and a short list into tags without a build step.
  • • Checking a fenced code block, where < and > inside the fence become entities.
  • • Downloading the tags as a text file named for this page.

Example

Input

# Hello

A **bold** word and a [link](https://toolbench.online).

- one
- two

Output

<h1>Hello</h1>

<p>A <strong>bold</strong> word and a <a href="https://toolbench.online">link</a>.</p>

<ul>
<li>one</li>
<li>two</li>
</ul>

The blank lines in the source become blank lines between the tags. The list items keep the order you typed. The link text is the word link and the address is the URL in parentheses.

Which marks become tags

A heading is one to six # characters, a space, and the rest of the line. The number of hashes is the heading level. Inline marks on that line are still applied. A paragraph is any other non-empty line that is not a list item, a rule, or a fence. Bold is a pair of double asterisks. Italic is a pair of single asterisks. Triple asterisks become bold wrapped around italic. Double tildes become deleted text. Backticks become a code span, and the characters inside that span are not escaped. A link is square brackets, then parentheses. The brackets are the visible text and the parentheses are the href.

A line whose trimmed text is three or more of the same mark, using only hyphens, asterisks, or underscores, becomes a horizontal rule. A line that starts with -, *, or + and a space becomes an item in an unordered list. A line that starts with digits, a period, and a space becomes an item in an ordered list. The written number is ignored: 2. second followed by 3. third is still an ordered list whose first item is second. Starting a different list kind closes the previous list. A blank line closes a list. Several blank lines in a row collapse so the tags do not contain two empty lines in a row.

A fence is a line that starts with three backticks. An optional language after the backticks becomes a class on the code element, so a fence marked js opens with class="language-js". Lines inside the fence are escaped: an ampersand becomes an entity, and < and > become entities. The closing fence ends the block. If the box ends while a fence is still open, the page closes it. HTML outside a fence is not escaped. A paragraph that contains a script tag is emitted with that tag still in the text.

The preview checkbox and the HTML panel

Show rendered preview starts unchecked. Checking it does not change the tags. It adds a Preview heading and a block that the browser renders from those tags. Because raw HTML in a paragraph is left in place, a preview of a paragraph that contains a script tag is the browser rendering that HTML. Leave the box unchecked when you are inspecting tags from an untrusted paste. The tag panel is labeled HTML output and shows an em dash when the box is empty.

Download output writes markdown-to-html.txt. The file is the tag string, not the original Markdown. Copy output copies that same string. Neither control copies the preview. The page does not store the draft. A reload clears the box, and the checkbox returns to unchecked.

When this HTML is the right next step

Use this page when the source is already Markdown and you want the tags this subset produces. Indenting tags you already have is the HTML beautifier. Stripping tags down to the words a reader would see is HTML to text. Turning < and & into entities, which this page does only inside a fence, is HTML encode / decode. Placeholder sentences with no Markdown marks are the lorem ipsum generator. That generator does not feed this box.

A stylesheet is the CSS beautifier, not this converter. A data URI for a picture is a different page. This converter will not fetch a URL that you linked. The href is text.

What stays as text, and what is left raw

A blockquote line that starts with > becomes a paragraph that still contains the > character. An image mark is not an image tag. ![alt](pic.png) becomes an exclamation mark followed by a link whose text is alt and whose address is pic.png. Tables, footnotes, and nested indentation are not parsed. A line of pipe characters is a paragraph. Task-list brackets stay inside the list item text.

Ordered lists always start their numbering in the HTML sense at the first item. There is no start attribute. Italic and bold do not span from one line to the next, because each line is formatted on its own. A single asterisk that has no partner stays in the paragraph. The page does not offer a CommonMark switch or a table extension. If the tags omit a construct you typed, that construct is outside the list above.

Rules and limitations

Headings, bold, italic, bold-italic, strike, inline code, links, unordered lists, ordered lists, horizontal rules, and fenced code are converted. Other non-empty lines are paragraphs. Inside a fence, &, <, and > are escaped. Outside a fence, they are not.

Show rendered preview only adds a rendered view. Copy output and Download output use the tags. The download file is markdown-to-html.txt. The draft is not saved. Tables, blockquotes, and image marks are not given their own tags.

Common problems

If a table or a blockquote came out as a paragraph, this converter does not parse those constructs. The characters are still in the paragraph.

If a numbered list starts at 1 in the HTML even though you typed 2., the original numbers are discarded. Only the item text is kept.

Frequently asked questions

Does the preview change the tags?

No. Show rendered preview adds a rendered block. HTML output is the same string whether the box is checked or not.

Are characters inside a code fence escaped?

Yes. A fence escapes &, <, and >. Inline code between single backticks does not escape them. A normal paragraph does not escape them either.

What file does Download output save?

markdown-to-html.txt, containing the tags. It does not save the Markdown source.

Will an image mark become an img tag?

No. ![alt](pic.png) becomes an exclamation mark and a link. The page does not emit an img tag.

Is my input uploaded or saved?

This tool processes input in your browser and does not save its input or output to local storage. Copy and download are user actions. The site uses analytics for page and action metadata and may use ads and production error reporting; see the Privacy Policy for those services.

About this tool

Maintained by Toolbench. For large or deeply nested files, split the input into smaller batches and verify representative results before using them in an import or application. Report reproducible problems through Contact.

Next steps

Related tools

Continue the workflow with nearby tools for formatting, publishing, debugging, or follow-up checks.

Trust

Policies, contact, and answers

Clear pages for how Toolbench works, what we collect, and how to reach us.