Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown Multi Tab PreviewNew to Visual Studio Code? Get it now.
Markdown Multi Tab Preview

Markdown Multi Tab Preview

santkoh

|
5 installs
| (0) | Free
Preview multiple Markdown files simultaneously with independent preview panels
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Multi Tab Preview

Visual Studio Marketplace Version Visual Studio Marketplace Installs License: MIT

日本語版 README はこちら

Preview multiple Markdown files simultaneously with independent preview panels. Each file gets its own preview tab — no more losing your place when switching between documents.

Features

  • Independent Preview Panels — Each Markdown file opens in its own preview tab. Work with multiple documents side by side without interference.
  • Auto Preview — Automatically opens a preview panel when you open a .md file. Can be disabled via settings.
  • Real-time Update — Preview updates as you type with debounced rendering (300ms).
  • Scroll Sync — Editor scroll position is synced to the preview panel (editor → preview).
  • Mermaid Diagrams — Renders mermaid code blocks as diagrams. Theme follows your VS Code color theme.
  • Syntax Highlighting — Code blocks are highlighted with highlight.js. Language auto-detection is supported.
  • Heading Prefix Display — Shows # / ## / ### prefixes in a subtle gray style alongside heading text.
  • Image Support — Relative image paths are resolved correctly within the webview.
  • Theme Integration — Fully follows VS Code's Light, Dark, and High Contrast themes.

Usage

Auto Preview

When mdMultiTabPreview.autoPreview is enabled (default), opening any .md file automatically shows its preview in a side panel.

Toggle Preview

  • Keyboard shortcut: Ctrl+Shift+V (Mac: Cmd+Shift+V)
  • Command Palette: Markdown Multi Tab Preview: Toggle Preview
  • Title bar button: Click the preview icon in the editor title bar

Show Editor from Preview

Click the edit icon in the preview panel's title bar, or use the Command Palette: Markdown Multi Tab Preview: Show Editor.

Settings

Setting Type Default Description
mdMultiTabPreview.autoPreview boolean true Automatically show preview when opening a .md file

Requirements

  • VS Code 1.100.0 or later

Known Issues

  • VS Code's built-in Markdown preview coexists with this extension. Use the command prefix to distinguish them.

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft