Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown-Preview-toolNew to Visual Studio Code? Get it now.
Markdown-Preview-tool

Markdown-Preview-tool

TengWenjie

|
1 install
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Preview Tool

A VS Code extension that provides an enhanced Markdown preview with a navigable table of contents, three-way sync, context-menu actions, zoom, theme switching, and code copy helpers.

Features

  • Table of Contents — Auto-generated collapsible tree sidebar from headings, with scroll spy highlighting
  • Resizable / Hideable TOC — Drag the sidebar edge to adjust width, or hide it completely from the right-click menu
  • Three-way Sync — TOC, Preview, and Markdown editor stay in sync:
    • Click a TOC item → Preview scrolls + Editor jumps to the heading
    • Scroll Preview → TOC highlights + Editor follows
    • Move cursor in Editor → Preview and TOC follow
  • Theme Switching — Defaults to Light theme; cycle through Light → Dark → System (follows VS Code)
  • Zoom — Ctrl/Cmd + Scroll zooms the full preview, including code blocks (50%–200%); right-click menu can reset to 100%
  • Context Menu — Right-click the preview to refresh, toggle TOC, reset zoom, switch theme, or copy Markdown source
  • Copy — Hover over code blocks for a copy icon; right-click a code block to copy it immediately
  • Mermaid Diagrams — Render mermaid fenced code blocks as diagrams with a slider toggle to switch between Graph and Source views per block
  • Code Styling — Code blocks use dark green base text and gray italic comments
  • Scroll Quick Nav — Floating bubble buttons in the bottom-right to jump to top/bottom
  • Refresh — Right-click menu refresh action manually syncs preview with latest Markdown content

Usage

Action Shortcut / Command
Open Preview Ctrl+Shift+V / Cmd+Shift+V
Open Preview to Side Command: Open Markdown Preview to the Side
Open preview menu Right-click inside the preview
Toggle TOC Preview right-click menu: Toggle contents
Collapse TOC items Click ▼/▶ toggle arrows
Resize TOC Drag left edge of the sidebar
Zoom in/out Ctrl/Cmd + Scroll
Reset zoom Preview right-click menu: Zoom 100%
Switch theme Preview right-click menu: Switch theme
Copy code block Right-click a code block, or hover and click the copy icon
Copy Markdown source Preview right-click menu: Copy Markdown source
Refresh preview Preview right-click menu: Refresh preview

Requirements

  • VS Code ^1.125.0

Release Notes

0.0.7

Removed the top toolbar and moved preview actions into a right-click menu. Code blocks now scale with preview zoom, support right-click copy, and use dark green base text with gray italic comments. TOC hiding now removes the sidebar from layout and uses tighter right spacing.

0.0.4

Three-way sync, collapsible TOC tree, resizable sidebar, default Light theme.

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