Test Markdown Preview
This is a test file to verify our beautiful markdown preview functionality.
Features
Text Formatting
- Bold text for emphasis
- Italic text for subtle emphasis
Strikethroughfor deleted contentInline codefor technical terms
Code Blocks
// JavaScript code with syntax highlighting
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('World'));
# Python code example
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))
Lists
Ordered List
- First item
- Second item
- Third item
- Nested item
- Another nested item
Unordered List
- Bullet point one
- Bullet point two
- Nested bullet
- Another nested bullet
- Bullet point three
Task Lists
- Completed task
- Pending task
- Another pending task
- Another completed task
Tables
| Feature | Status | Priority |
|---|---|---|
| Markdown Preview | Complete | High |
| Syntax Highlighting | Complete | Medium |
| Dark Mode | Complete | High |
| Export to HTML | Complete | Low |
Links
- External Link - GitHub
- External Link - Google
- Internal reference to Features
Blockquotes
This is a blockquote. It's often used for citations or to highlight important information.
Blockquotes can span multiple paragraphs.
Images
Horizontal Rule
Emojis
This preview supports emojis! Here are some examples:
- π Happy face
- Art palette
- Computer
- Books
- Sparkles
Math (if supported)
Inline math: $E = mc^2$
Block math:
$$
\frac{n!}{k!(n-k)!} = \binom{n}{k}
$$
Conclusion
This markdown preview component provides a beautiful, feature-rich way to view markdown files with:
- Beautiful styling with Tailwind prose classes
- Dark/Light theme toggle
- Copy to clipboard functionality
- Export to HTML
- External link indicators
- Syntax highlighting for code blocks
Last updated: 2025-01-08