Markdown Previewer

Real-time markdown editor with live preview

1658 characters285 words

Preview

Welcome to Markdown Previewer ✨

This is a live markdown editor with real-time preview. Start typing on the left and see your changes instantly!

Features

  • 📝 Live Preview - See your markdown rendered in real-time
  • 🎨 Beautiful UI - Clean, modern interface
  • ⌨️ Keyboard Shortcuts - Ctrl+B for bold, Ctrl+I for italic
  • 📋 Templates - Choose from pre-built templates
  • 💾 Auto-save - Your content is saved to local storage

Markdown Examples

Text Formatting

You can write bold text, italic text, or strikethrough. You can even combine them like bold and italic.

Lists

Unordered List:

  • First item
  • Second item
    • Nested item
  • Third item

Ordered List:

  1. First step
  2. Second step
  3. Third step

Task List:

  • Learn markdown basics
  • Try the previewer
  • Write something amazing

Code

Inline code looks like this.

Code blocks with syntax highlighting:

interface User {
  id: number;
  name: string;
  email: string;
}

function greet(user: User): string {
  return `Hello, ${user.name}!`;
}

Blockquote

"The best way to predict the future is to create it."

— Peter Drucker

Tables

FeatureStatusPriority
Live Preview✅ DoneHigh
Templates✅ DoneMedium
Export🚧 In ProgressLow

Links & Images

Visit GitHub to learn more.


Keyboard Shortcuts

ShortcutAction
TabInsert 2 spaces
Ctrl/Cmd + BBold
Ctrl/Cmd + IItalic
Ctrl/Cmd + KInsert link

Happy writing! 🚀