UI: Components

Markdown <> HTML

Two minimal scripts, markdownToHtml and htmlToMarkdown, to convert to and from markdown/html.

Conversion Type Markdown to HTML HTML to Markdown

Input

# Markdown to HTML

---

Tiny Markdown-to-HTML conversion in JavaScript

## Header H2
### Header H3
#### Header H4
##### Header H5
###### Header H6

Inline styles such as **bold**, *italic*, ***both***, __underline__, _em_, ~~strikethrough~~, ---deleted---, `monospace`, --subscript--, and ^^superscript^^.

> Block quotes are **supported too**, with *italic text* and [links](https://browser.style).

Fenced Code Block:

```js
const code = {
	block: 'of code'
};
```

==Some highlighted text==

Ordered lists
1. The first item
2. The second item

Unordered lists
- List Item 1
- List Item 2
- List Item 3

### Complex list with mixed types

- List Item 1
- List Item 2
	- This is a subitem
		- This is a **subsubitem**
	1. The first item
		1. A subitem
		2. [The second item](https://browser.style)
- List Item 3

| Head 1 | Align Center | Head 3 | Align End |
| ------ | :----------: | ------ | --------: |
| Cell 1 | Cell 2 | **Cell 3** | 12.00 |
| Cell 4 | Cell 5 | *Cell 6* | 2.00 |
| Cell 7 | [Cell 8](https://browser.style) | ~~Cell 9~~ | 5.00 |

[This is a link](https://browser.style)

Horisonal Rule

---

Images

![Love This](https://img.icons8.com/?size=48&id=19411&format=png)

---

## Liquid Tags

### CodePen
{% codepen stoumann/pen/KKbGJqd %}

### YouTube
{% youtube WK5fHV3Bm6M %}

### JSFiddle
{% jsfiddle ey0q3aLb/2 %}

Output