RenderMark for VS Code

Professional markdown preview and export — pixel-identical to RenderMark web output.

Features

Live Preview — Real-time rendered preview with sidebar table of contents and scroll sync
Auto Dark/Light — Automatically matches your VS Code color theme
Export — Export to PDF, DOCX, or HTML with one click or via command palette
Themes — Switch between default, dark, serif, and minimal themes
Scroll Sync — Bidirectional scroll synchronization between editor and preview
Multi-File Preview — Combine an entire folder of markdown files into a single document
Presentation Mode — Convert markdown into a slide deck (split on --- or ## headings)
Copy Formatted — Copy rendered HTML to clipboard for pasting into rich-text editors
Export Presets — Save and recall named export configurations (format, theme, TOC settings)
Validation Diagnostics — Check markdown for common issues with inline diagnostics
Agent-Aware File Watching — Automatically refreshes preview when external processes (AI agents, scripts) modify files

Commands

Command	Description
`RenderMark: Open Preview`	Open preview in the current editor column
`RenderMark: Open Preview to the Side`	Open preview in a side-by-side column
`RenderMark: Export to PDF`	Export the current document to PDF
`RenderMark: Export to DOCX`	Export the current document to Word
`RenderMark: Export to HTML`	Export the current document to HTML
`RenderMark: Select Theme`	Choose a rendering theme
`RenderMark: Preview Folder as Document`	Combine folder contents into one preview
`RenderMark: Present as Slides`	Open markdown as a slide presentation
`RenderMark: Copy as Formatted HTML`	Copy rendered output to clipboard
`RenderMark: Validate Markdown`	Run validation checks on the document
`RenderMark: Export with Preset`	Export using a saved preset
`RenderMark: Save Export Preset`	Save current export settings as a preset

Configuration

Setting	Type	Default	Description
`rendermark.autoRefreshOnExternalChange`	boolean	`true`	Auto-refresh preview when external processes modify the file
`rendermark.showTocByDefault`	boolean	`true`	Include table of contents in preview and exports
`rendermark.theme`	string	`"default"`	Preview and export theme (`default`, `dark`, `serif`, `minimal`)
`rendermark.slideSplitOn`	string	`"hr"`	How to split markdown into slides (`hr` or `h2`)
`rendermark.exportPresets`	array	`[]`	Saved export presets

Agent-Aware File Watching

RenderMark detects when files are modified by external processes — such as AI coding agents, build scripts, or other tools — and automatically refreshes the preview. This makes it ideal for workflows where an AI agent generates or modifies markdown files while you watch the output in real time.

This behavior is controlled by the rendermark.autoRefreshOnExternalChange setting.

Context Menus

Editor title bar: Preview to side button (for markdown files)
Editor context menu: Export to PDF, DOCX, HTML (for markdown files)
Explorer context menu: Preview folder as document (for folders)

License

MIT