Playground
Activate the picker and try clipping each section below. Paste into the editors on the right to see the result.
1. Rich Text
Inline formatting like bold, italic, code and links are converted to their Markdown equivalents.
This is a paragraph with bold text, italic text, and inline code. It also has a link to example.com.
Here is a second paragraph. Markdown preserves paragraph breaks, so both of these will come through as separate blocks.
2. Lists
Both ordered and unordered lists are supported, including nested items.
- Unordered item one
- Unordered item two
- A nested item
- Another nested item
- Unordered item three with bold
- First ordered item
- Second ordered item
- Third ordered item
3. Blockquote
Blockquotes become > prefixed lines in Markdown, great for clipping quotes from articles.
The best way to predict the future is to invent it.
4. Code Block
Code blocks are preserved with their formatting, wrapped in triple backtick fences.
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));5. Table
HTML tables become GFM pipe tables. Try clipping tables from Wikipedia or docs sites.
| Format | Extension | Use case |
|---|---|---|
| Markdown | .md | Documentation, notes |
| HTML | .html | Web pages |
| Plain text | .txt | Simple notes |
6. Mixed Content
Real-world content mixes headings, text, lists and links. Use arrow keys to expand your selection to a parent element.
Getting started
Follow these steps to set up your project:
- Clone the repository
- Run
npm install - Start the dev server with
npm run dev
For more details, check the documentation.
7. All Together
Now try multi-select! Hold Cmd (or Ctrl) and click several sections above, then press Cmd+C to copy them all at once. Try clicking just below this box to select the entire page.