A powerful markdown extension for VS Code with beautiful preview, table formatting, export to PDF/Word/HTML, TOC generation, and smart editing.
Features
📖 Live Preview
- Beautiful GitHub-style rendering
- Syncs with VS Code light/dark theme
- KaTeX math and Mermaid diagram support (configurable)
- Updates in real-time as you type
📑 Table of Contents
- Generate TOC from headings with one command
- Auto-updates between
<!-- TOC -->markers - Configurable heading level range
📤 Export
- PDF — via Puppeteer (uses your installed Chrome)
- Word (.doc) — proper bold, tables, headings
- HTML — standalone file with embedded styles
✏️ Smart Editing
- Ctrl+B — Toggle bold
- Ctrl+I — Toggle italic
- Ctrl+Shift+T — Format table (align columns)
- Auto-continue lists on Enter (unordered, ordered, task lists)
- Empty list item → removes marker (ends list)
📊 Table Formatter
- Place cursor in any markdown table
- Run "MarkSight: Format Table" (Ctrl+Shift+T)
- Columns auto-align with proper padding
- Detects and preserves alignment markers (
:---,:---:,---:)
Commands
| Command | Shortcut | Description |
|---|---|---|
| MarkSight: Open Preview to the Side | Ctrl+Shift+V |
Live preview panel |
| MarkSight: Export to PDF | — | Save as PDF |
| MarkSight: Export to Word | — | Save as .doc |
| MarkSight: Export to HTML | — | Save as .html |
| MarkSight: Generate TOC | — | Insert Table of Contents |
| MarkSight: Update TOC | — | Refresh existing TOC |
| MarkSight: Format Table | Ctrl+Shift+T |
Align table columns |
| MarkSight: Toggle Bold | Ctrl+B |
Wrap selection in ** |
| MarkSight: Toggle Italic | Ctrl+I |
Wrap selection in * |
| MarkSight: Toggle Strikethrough | — | Wrap in ~~ |
| MarkSight: Toggle Code | — | Wrap in backticks |
Settings
| Setting | Default | Description |
|---|---|---|
marksight.preview.theme |
auto |
Preview theme: auto, light, dark |
marksight.preview.fontSize |
16 |
Preview font size (px) |
marksight.toc.levels |
1-6 |
Heading levels for TOC |
marksight.export.pdfMargin |
15 |
PDF margin (mm) |
marksight.math.enabled |
true |
Enable KaTeX rendering |
marksight.mermaid.enabled |
true |
Enable Mermaid diagrams |
Installation
From VS Code Marketplace
Search "MarkSight" in Extensions (Ctrl+Shift+X) → Install
From Source
git clone https://github.com/Gunjan94/MarkSight-VSCode.git
cd MarkSight-VSCode
npm install
npm run compile
# Then press F5 in VS Code to launch Extension Host
Package & Publish
npm install -g vsce
vsce package # Creates .vsix file
vsce publish # Publishes to Marketplace
Requirements
- VS Code 1.80+
- For PDF export: Chrome or Chromium installed
License
MIT