FlowMD Enhance

中文文档

A WYSIWYG Markdown editor for VS Code with full HTML tag support, block-level editing, and integrated page search.

Features

Three Editing Modes

Full HTML Tag Support

Unlike VS Code's built-in Markdown preview, FlowMD Enhance renders inline HTML tags directly:

<font color="red">Colored text</font>
<span style="color: blue; font-size: 20px;">Styled text</span>
<mark>Highlighted</mark>
<kbd>Ctrl</kbd> + <kbd>C</kbd>
<details><summary>Collapsible</summary>Content here</details>
<ruby>汉<rt>hàn</rt></ruby>

Supports: <font>, <span>, <mark>, <kbd>, <details>, <summary>, <sub>, <sup>, <ruby>, <rt>, <b>, <i>, <u>, <s>, <table> with colspan/rowspan, and inline style attributes.

Page Search

• Cmd/Ctrl + F — Open search bar
• Enter / Shift+Enter — Next / previous match
• Aa button — Toggle case sensitivity
• Escape — Close search
• Highlights work across all three modes (including Source mode via backdrop overlay)

Undo / Redo

• Cmd/Ctrl + Z — Undo
• Cmd/Ctrl + Shift + Z — Redo
• 50-step history stack, persists across mode switches

Task Lists

Interactive checkboxes rendered from - [ ] / - [x] syntax.

Code Blocks

Fenced code blocks with syntax header and one-click copy button.

External File Sync

Detects external file changes (e.g. git pull) and reloads content automatically, with self-save filtering to prevent feedback loops.

Settings

Requirements

• VS Code 1.85.0+

Acknowledgments

Inspired by FlowMD, with additional HTML tag support.

License

MIT