How to use the Markdown to HTML Converter
- Write Markdown in the input box on the left, or paste in the contents of a README.md file.
- Check how it will look in the Preview on the right, and see the generated tags in the HTML code tab.
- Click Copy HTML to paste it into a blog's HTML editor or an email template, or click Save as .html file and open the file in your browser.
- Your work is saved automatically in this browser, so it will still be there when you come back.
Markdown cheat sheet (common syntax)
| Element | Markdown | HTML output |
|---|---|---|
| Headings | # Heading 1, ## Heading 2 | <h1>, <h2> |
| Bold / italic | **bold**, *italic* | <strong>, <em> |
| Strikethrough | ~~deleted~~ | <del> |
| Link | [Tooljip](https://tooljip.com) | <a href> |
| Image |  | <img> |
| Lists | - item, 1. item | <ul>, <ol> |
| Task list | - [x] done | List with checkboxes |
| Blockquote | > quote | <blockquote> |
| Inline code | `code` | <code> |
| Code block | ```js … ``` | <pre><code> |
| Table | | Name | Value ||---|---| | <table> |
| Horizontal rule | --- | <hr> |
How Markdown becomes HTML, and what to watch for
Markdown marks up a document's structure with plain-text symbols that are easy for people to read, and a converter turns those symbols into HTML tags. Tooljip uses the GitHub Flavored Markdown (GFM) rules of the widely used marked library, so the output closely matches what you see in a GitHub README.
- Line breaks: Pressing Enter once keeps the text in the same paragraph. To start a new paragraph, leave a blank line.
- Nested lists: Indent sub-items with 2 to 4 spaces.
- Special characters: To show
*or#literally, put a backslash in front of it (\*). - Raw HTML: You can mix HTML tags into your Markdown, and they are kept as-is in the output.
The preview is safely sandboxed
Even if Markdown you copied from somewhere else contains code such as <script>, Tooljip shows the preview in an isolated area (a sandboxed iframe) that does not run scripts. Just viewing the preview can't affect your browser.
Publishing the converted HTML on your own website is a different story, though. If you accept Markdown from other people on a forum or web app, always sanitize it on the server so that only allowed tags are kept.
Use it for blog posts and READMEs
GitHub READMEs, Notion and Obsidian notes, and many developer blogs are written in Markdown. On the other hand, some blogging platforms and email newsletter editors accept only HTML. Draft quickly in Markdown, generate the HTML here and paste it in, and you can save a lot of formatting time. Want to check the length of your text? Try the character counter.