Markdown Live Editor

A WYSIWYG Markdown editor for Visual Studio Code. Edit your Markdown files visually — what you see is what you get.

Installation

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

ext install jishii1204.markdown-live-editor

WYSIWYG editing — Edit Markdown visually with Milkdown (ProseMirror-based)
Bidirectional sync — Changes in the visual editor update the source file, and vice versa
GFM support — Tables, task lists, strikethrough, footnotes
Syntax highlighting — Code blocks with language-aware highlighting via highlight.js
Mermaid diagrams — Live preview of mermaid code blocks
KaTeX math — Inline $...$ and block $$...$$ math rendering
GitHub Alerts — [!NOTE], [!TIP], [!IMPORTANT], [!WARNING], [!CAUTION]
Slash commands — Type / to insert headings, lists, tables, code blocks, math, mermaid diagrams, and more
Emoji shortcodes — :smile: → 😄, :rocket: → 🚀
Custom CSS — Inject your own styles via settings
Theme integration — Adapts to light, dark, and high-contrast themes

Method	How
Command Palette	`Ctrl+Shift+P` → `Markdown Live Editor: Open with Markdown Live Editor`
Keyboard shortcut	`Ctrl+Shift+Alt+M` (Mac: `Cmd+Shift+Alt+M`) while editing a `.md` file
Explorer context menu	Right-click a `.md` file → Open with Markdown Live Editor
Editor tab context menu	Right-click the tab of an open `.md` file

Setting	Description	Default
`markdownLiveEditor.customCss`	Custom CSS to inject into the editor	`""`

Feature	Syntax
Headings	`# H1` ... `###### H6`
Bold / Italic	`bold` / `italic`
Strikethrough	`~~text~~`
Links	`[text](https://github.com/jishii1204/vscode-markdown-live/blob/HEAD/url)`
Images	`![alt](https://github.com/jishii1204/vscode-markdown-live/raw/HEAD/url)`
Code blocks	```language
Tables	GFM pipe tables
Task lists	`- [x] done` / `- [ ] todo`
Blockquotes	`> quote`
Footnotes	`text[^1]` / `[^1]: note`
Math (inline)	$E=mc^2$
Math (block)	`$$\sum_{i=1}^n i$$`
Mermaid	```mermaid
GitHub Alerts	`> [!NOTE]`, `> [!WARNING]`, etc.
Emoji	`:smile:`, `:rocket:`, etc.

See CONTRIBUTING.md for development setup and build instructions.