MD-View User Guide

Master MD-View powerful features and learn Markdown fundamentals. From real-time preview to advanced GitHub Flavored Markdown syntax.

Key Features

Real-time Preview

See your markdown rendered instantly as you type with synchronized scrolling.

GitHub Flavored Markdown

Full GFM support including tables, task lists, strikethrough, and code fencing.

Syntax Highlighting

Beautiful code syntax highlighting for 100+ programming languages.

Import & Export

Import .md files and export to .md or .html formats for sharing.

Responsive Design

Optimized for desktop, tablet, and mobile devices with flexible view modes.

Safe Rendering

Raw HTML is sanitized to prevent XSS attacks while preserving functionality.

Quick Start Workflow

Start Typing

Type markdown in the left editor panel

Live Preview

Watch live preview update in real-time

Import Files

Load existing .md files with one click

Export & Share

Export as .md or .html for sharing

Export to HTML & PDF

Use the toolbar to export your document as HTML for sharing or hosting. To create a PDF, open the exported HTML in your browser and usePrint → Save as PDF.

💡 Pro Tip: The exported HTML preserves all formatting including headings, code blocks, tables, and lists with beautiful styling.

Markdown Basics

Get started with these essential Markdown syntax patterns:

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

**Bold text** and *italic text* and `inline code`

> Blockquote for tips, notes, or citations
> Can span multiple lines

- Bullet point item
- Another bullet item
  - Nested item (2 spaces)
  - Another nested item

1. Numbered list item
2. Second numbered item
3. Third item

[Link text](https://example.com)
![Image alt text](/path/to/image.png)

---

Horizontal rule above this line

GitHub Flavored Markdown (GFM)

✅ Task Lists

- [x] Completed task
- [ ] Pending task
- [ ] Another pending task
  - [x] Nested completed task
  - [ ] Nested pending task

📊 Tables

| Feature | MD-View | Others |
|---------|---------|--------|
| Real-time preview | ✅ | ❌ |
| GFM support | ✅ | ⚠️ |
| Free to use | ✅ | ❌ |
| Syntax highlighting | ✅ | ⚠️ |

❌ Strikethrough

This feature is ~~deprecated~~ now updated.
~~Old information~~ replaced with new content.

💻 Code Blocks with Syntax Highlighting

```typescript
function greetUser(name: string): string {
  return `Hello, ${name}! Welcome to MD-View.`;
}

const user = "Developer";
console.log(greetUser(user));
```

```python
def calculate_words(text):
    return len(text.split())

markdown_content = "# Hello World"
word_count = calculate_words(markdown_content)
print(f"Word count: {word_count}")
```

Tips & Limitations

🔒 Security

Raw HTML in markdown is sanitized to prevent XSS attacks while preserving safe formatting.

💾 Local Storage

Your content is saved locally in your browser. Clear browser data to reset everything.

📱 Responsive

Switch between split, editor-only, and preview-only modes for optimal mobile experience.

⌨️ Keyboard Shortcuts

Use Cmd/Ctrl + 1, 2, 3 to quickly switch between editor, split, and preview modes.

Ready to Start Writing?

Now that you know the features and syntax, return to the editor and start creating amazing markdown content!

Open MD-View Editor