Markdown ↔ HTML

Convert between Markdown and HTML bidirectionally

Live

Markdown Input1,272 chars

# Welcome to Markdown

This is a **comprehensive** example demonstrating *all* Markdown features.

## Text Formatting

You can make text **bold**, *italic*, ***bold and italic***, or ~~strikethrough~~.

Inline `code` looks like this, and here's a [link](https://example.com "Example").

## Lists

### Unordered List
- Item one
- Item two
  - Nested item A
  - Nested item B
- Item three

### Ordered List
1. First item
2. Second item
3. Third item

### Task List
- [x] Completed task
- [ ] Pending task
- [ ] Another task

## Code Block

```javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("World");
```

## Table

| Feature | Markdown | HTML |
|---------|----------|------|
| Bold | `**text**` | `<strong>` |
| Italic | `*text*` | `<em>` |
| Link | `[text](url)` | `<a>` |
| Image | `![alt](src)` | `<img>` |

## Blockquote

> This is a blockquote.
> It can span multiple lines.
>
> > And be nested.

## Horizontal Rule

---

## Image

![Placeholder](https://placehold.co/600x400 "Placeholder Image")

## Footnote-style Content

This is some text with emphasis and various elements combined.

### Miscellaneous
- Automatic links: https://example.com
- HTML entities: &copy; &mdash; &hellip;
- Escaped characters: \*not italic\* \#not a heading

HTML Output

Start typing to see output...

Conversion OptionsMD → HTML

GitHub Flavored

Tables

Task Lists

Auto Links

Strikethrough

Code Highlight

Line Breaks

Smart Typography

Header IDs

Sanitize

HTML Indent

Word Wrap

Statistics

Markdown Input

chars

1,272

words

199

lines

paragraphs

headings

links

images

codeBlocks

lists

tables

blockquotes

hrs

taskItems

Editing Toolbar

Syntax Reference

Headings

Heading level 1

# H1→<h1>H1</h1>

Heading level 2

## H2→<h2>H2</h2>

Heading level 3

### H3→<h3>H3</h3>

Emphasis

Bold text

**bold**→<strong>bold</strong>

Italic text

*italic*→<em>italic</em>

Strikethrough

~~strike~~→<del>strike</del>

Inline code

`code`→<code>code</code>

Links & Images

Hyperlink

[text](url)→<a href="url">text</a>

Image

![alt](src)→<img src="src" alt="alt">

AutoLink (GFM)

https://auto.link→<a href="...">...</a>

Lists

Unordered list

- item→<ul><li>item</li></ul>

Ordered list

1. item→<ol><li>item</li></ol>

Task list (GFM)

- [ ] task→<input type="checkbox">

Blocks

Blockquote

> quote→<blockquote>quote</blockquote>

Code block

```lang\ncode\n```→<pre><code>code</code></pre>

Horizontal rule

---→<hr>

Tables (GFM)

Table with header

| A | B |\n|---|---|\n| 1 | 2 |→<table>...</table>

Column alignment

|:---|:---:|---:|→align="left|center|right"

More tools like Markdown ↔ HTML

View all

Markdown Editor

Text

Live Markdown editor with toolbar, preview, and Mermaid support

Markdown Linter & Preview

Linters

Lint Markdown with remark and preview with live GitHub-style rendering

HTML Validator & Preview

Linters

Validate HTML with accessibility, SEO checks, and live preview

Unit Converter

Converters

Convert between length, weight, temperature, and more