Markdown → HTML
HTML → Markdown
Sample
Clear
Markdown input
# Welcome to ToolHub This is **bold** and this is _italic_. Here's a [link to ToolHub](https://www.toolhub.buzz). ## Lists - Apples - Oranges - Bananas 1. First 2. Second 3. Third ## Tables | Tool | Category | Free | | --- | --- | --- | | PNG to JPG | Image | Yes | | PDF Merge | PDF | Yes | | JWT Decoder | Code | Yes | ## Code Inline `code` works too. Block code: ```js function hello(name) { return `Hello, ${name}!`; } ``` ## Task list - [x] Build Markdown converter - [x] Add live preview - [ ] Take over the world > Privacy first: this conversion runs entirely in your browser.
HTML output
Code
Preview
Copy
<h1>Welcome to ToolHub</h1> <p>This is <strong>bold</strong> and this is <em>italic</em>. Here's a <a href="https://www.toolhub.buzz">link to ToolHub</a>.</p> <h2>Lists</h2> <ul> <li>Apples</li> <li>Oranges</li> <li>Bananas</li> </ul> <ol> <li>First</li> <li>Second</li> <li>Third</li> </ol> <h2>Tables</h2> <table> <thead> <tr> <th>Tool</th> <th>Category</th> <th>Free</th> </tr> </thead> <tbody><tr> <td>PNG to JPG</td> <td>Image</td> <td>Yes</td> </tr> <tr> <td>PDF Merge</td> <td>PDF</td> <td>Yes</td> </tr> <tr> <td>JWT Decoder</td> <td>Code</td> <td>Yes</td> </tr> </tbody></table> <h2>Code</h2> <p>Inline <code>code</code> works too. Block code:</p> <pre><code class="language-js">function hello(name) { return `Hello, ${name}!`; } </code></pre> <h2>Task list</h2> <ul> <li><input checked="" disabled="" type="checkbox"> Build Markdown converter</li> <li><input checked="" disabled="" type="checkbox"> Add live preview</li> <li><input disabled="" type="checkbox"> Take over the world</li> </ul> <blockquote> <p>Privacy first: this conversion runs entirely in your browser.</p> </blockquote>
Conversion runs locally in your browser using marked and turndown. Your text never leaves your device.
Powered by
ToolHub
- free markdown ↔ html converter →