The preview is parsed by marked.js and supports GitHub Flavored Markdown (GFM). Everything below can be pasted straight into the editor.
# Heading 1
## Heading 2
### Heading 3
Headings get anchor ids automatically, so headings in the preview can be linked to.
**bold** *italic* ~~strikethrough~~ `inline code`
<u>underline</u>
Markdown has no underline syntax — the toolbar's Underline button inserts the HTML <u> tag.
Other Markdown tools may not support it, so be careful if this document will later be fed to a different generator.
- item
- item
- nested item (indent by two spaces)
1. ordered item
2. ordered item
- [x] a finished task
- [ ] an unfinished task
[link text](https://example.com)
Image paths are relative to the folder the document lives in. Because the preview runs in the browser, a local image only shows up if the browser can reach that path; a full URL, or keeping images in the same folder, is the safer bet.
> A blockquote can span several lines,
> as long as every line starts with the marker.
---
| Column | Description | Count |
| --- | :---: | ---: |
| left | center | right |
| a | b | 3 |
Colons in the separator row set the alignment: :--- left, :---: center, ---: right.
The toolbar's Table button asks how many columns you want, then inserts the header and separator rows.
Put a line of three backticks before and after the code; the opening line may name the language:
```js
const answer = 42;
```
Each code block in the preview gets a Copy button in its top-right corner — one click takes the whole block.
A single newline in Markdown is not a line break. There are two ways to get one:
end the line with two spaces
and the next line breaks
Or leave a blank line
to get two separate paragraphs.
YAML front matter at the top of a file is not swallowed as a divider or a heading — it is rendered as its own card. Details in YAML front matter.
Download this page as .md Open it in the editor and you have a ready-made sample document.