Overview Version History Q & A Rating & Review
Markdown Viewer & Reader – mdedit.ai
Beautifully render Markdown files in VS Code with a live preview panel, syntax highlighting, diagrams, and more.
A fast Markdown viewer that instantly renders your .md files into a clean reading experience — right inside your editor.
Features
Live preview — side-by-side panel that updates as you type
GitHub-style Markdown (GFM) — tables, task lists, strikethrough, autolinks
Math rendering — inline and block LaTeX via KaTeX
Diagram support — Mermaid, Graphviz, and Mindmap / Markmap diagrams
Code syntax highlighting — all major languages
Local image support — relative image paths resolve correctly
Light / dark theme — follows your VS Code color theme automatically
Works offline — no internet connection required
Screenshots
Rich formatting with tables
Mermaid sequence diagrams
Mind maps (Markmap)
Graphviz flowcharts
Usage
Open any .md file in VS Code.
Click the preview icon in the editor title bar, or open the Command Palette and run "MD Editor: Open Markdown Preview" .
The preview panel opens to the side and stays in sync as you edit.
Export
Open the Command Palette and run one of:
Markdown Viewer & Reader: Export to HTML — saves a styled .html file (with images rewritten to file:// URLs when possible).
Markdown Viewer & Reader: Export to PDF — opens a temporary HTML export in your default browser and triggers the print dialog (use “Save as PDF”).
Privacy
No data is sent to any server. All rendering happens locally inside the VS Code webview sandbox.
Built by mdedit.ai , the AI-powered Markdown editor for technical writers.