Utils catalog
Main catalog
Source
Live markdown playground
import { parse } from '@manufosela/rich-markdown-to-html'; const html = parse(markdown, { linkify: true, taskLists: true });
Markdown Input
Line Breaks
Auto-link URLs
Task Lists
Tables
Typographer
Show TOC
# Welcome to Rich Markdown This is a **live preview** markdown editor powered by `@manufosela/rich-markdown-to-html`. ## Features ### Text Formatting You can use **bold**, *italic*, and ~~strikethrough~~ text. ### Code Inline code: `const x = 1;` Code blocks with syntax highlighting: ```javascript function greet(name) { console.log(`Hello, ${name}!`); } ``` ### Lists Unordered list: - Item one - Item two - Item three Ordered list: 1. First item 2. Second item 3. Third item ### Task Lists - [x] Completed task - [ ] Incomplete task - [x] Another done task ### Blockquotes > This is a blockquote. > It can span multiple lines. ### Tables | Feature | Status | Notes | |:--------|:------:|------:| | Tables | Done | Aligned! | | Lists | Done | Task lists too | | Code | Done | With highlighting | ### Links and Images Visit [Google](https://google.com "Search Engine") for more info. Auto-linked URL: https://example.com --- ## Try It! Edit this text and see the live preview update instantly.
HTML Preview