Markdown Live Editor Plus
A WYSIWYG Markdown editor for Visual Studio Code with extended table support.
Fork of Markdown Live Editor by ishiij-dev.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
ext install painomi0587.markdown-live-editor-plus
Additional Features (vs original)
- Extended table syntax — Colspan (
>) and rowspan (^) support
- Cell unmerge — Click ⊠ on a merged cell to unmerge it
Features
- 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
- Extended table syntax —
> for colspan, ^ for rowspan
- Selection toolbar — Select text to show Bold, Italic, Strikethrough, Code, and Link buttons
- Link tooltip — Hover over links to preview URL with edit/delete actions
- In-editor Find — Search inside the webview editor with match highlights and keyboard navigation
- Heading folding — Collapse and expand sections by heading in the editor
- Outline panel — Heading hierarchy in the Explorer sidebar with click-to-scroll navigation
- 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: → 🚀
- Relative image paths — Display local images referenced with relative paths
- Custom CSS — Inject your own styles via settings
- Theme integration — Adapts to light, dark, and high-contrast themes
Extended Table Syntax
Use > to merge with the right cell (colspan) and ^ to merge with the upper cell (rowspan):
| A | B | C |
|---|---|---|
| 1 | > | 3 |
| ^ | 5 | 6 |
| 7 | 8 | 9 |
To unmerge, click the ⊠ button that appears when your cursor is inside a merged cell.
Usage
Opening the Editor
| 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 |
License
MIT
Credits
Based on vscode-markdown-live-editor by ishiij-dev, licensed under MIT.
| |
