Markdown Previewer

Details

Markdown is a lightweight markup language that you can use to add formatting elements to plaintext text documents. Created by John Gruber in 2004, Markdown is now one of the world's most popular markup languages. This tool provides a real-time preview of your Markdown content with syntax highlighting for code blocks, making it easy to write and visualize formatted content for documentation, README files, blog posts, and more.

Examples

Basic Markdown Syntax

# Heading 1
## Heading 2
### Heading 3

**Bold Text**

*Italic Text*

~~Strikethrough~~

- Bullet point 1
- Bullet point 2

1. Numbered list item 1
2. Numbered list item 2

[Link Text](https://example.com)

![Image Alt Text](https://via.placeholder.com/150)

This example shows basic Markdown syntax including headings, text formatting, lists, links, and images.

Code Blocks with Syntax Highlighting

```javascript
function greeting(name) {
  return `Hello, ${name}!`;
}

console.log(greeting('World'));
```

```css
.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
```

Markdown supports code blocks with syntax highlighting for various programming languages.

Tables and More

| Header 1 | Header 2 | Header 3 |
| -------- | -------- | -------- |
| Cell 1   | Cell 2   | Cell 3   |
| Cell 4   | Cell 5   | Cell 6   |

> This is a blockquote. It can span multiple lines.

---

- [x] Task 1 (completed)
- [ ] Task 2 (not completed)

This example demonstrates tables, blockquotes, horizontal rules, and task lists.