MarkSight for VS Code — See Markdown Clearly

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  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

MarkSight — Markdown Viewer & Editor

Gunjan Pathak