Markdown Viewer & Reader – mdedit.ai

mdedit.ai

648 installs

A VS Code extension that provides a powerful markdown preview and reading experience. It supports rich markdown features, including tables, code blocks, math formulas, mermaid diagrams, graphviz, mathjax, and more. With mdedit.ai, you can easily preview and read markdown files with enhanced formatti

Installation

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

Copied to clipboard

More Info

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.

Install

VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=mdeditai.mdedit-vscode-extension
Open VSX (Cursor/VSCodium): https://open-vsx.org/extension/mdeditai/mdedit-vscode-extension

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
Export — export to HTML or PDF
Bidirectional documents — follows the writing direction saved in the Markdown file, detects direction automatically, or uses your preferred direction for a folder or workspace
Light / dark theme — follows your VS Code color theme automatically
Works offline — no internet connection required

Screenshots

Live Markdown source and preview

Mermaid architecture and sequence diagrams

HTML and PDF export commands

Usage

Open any .md file in VS Code.
Click the preview icon in the editor title bar, or open the Command Palette and run "mdedit.ai: 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”).

Tip: These commands are also available from the editor title bar when a Markdown file is active.

Preview, HTML export, and the browser print document used for PDF all use mdedit.preview.textDirection. Its default, document, follows frontmatter and falls back to Auto. User, workspace, folder, and resource settings are supported; fenced and inline code stay left to right.

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.

Development

Build the extension and all required workspace dependencies from the monorepo root:

yarn build:vscode

To build dependencies and create a local VSIX in one command:

cd apps/vscode-extension
yarn package