inlineMD

Edit Markdown directly from the preview.

inlineMD brings a Peek Definition-style editing workflow to Markdown. Double-click any rendered block in the preview, edit the underlying Markdown source inline, and save without switching back to the raw .md file.

Why?

Markdown editing often means jumping back and forth between the source editor and the rendered preview.

inlineMD removes that context switch.

Instead of locating the corresponding source manually:

1. Double-click a rendered element.
2. Edit the Markdown inline.
3. Press Enter to save.

Changes are applied directly to the original document and immediately reflected in the preview.

The standard VS Code Markdown workflow still works as usual. You can continue using the built-in Markdown Preview with Ctrl+Shift+V or Ctrl+K V, or reopen the file as a normal text editor whenever you want.

Features

• Inline editing directly from the rendered Markdown preview
• Peek Definition-inspired editing interface
• Native VS Code theme integration
• Native undo and redo support
• Automatic preview updates after edits
• Scroll position preservation
• Source mapping for block-level Markdown elements
• Support for headings, paragraphs, lists, blockquotes, tables, code blocks, and more

Quick Start

1. Open a Markdown file.
2. Open it with inlineMD.
3. Double-click any rendered block.
4. Edit the Markdown source.
5. Press:
   • Enter to save
   • Esc to cancel
   • Shift + Enter for a newline
   • Tab for indentation

Supported Elements

Inline formatting such as bold, italic, inline code, and links is resolved to the surrounding block rather than edited independently.

Limitations

inlineMD currently focuses on block-level editing.

Inline elements do not have their own source mapping and resolve to the nearest parent block instead.

Raw HTML blocks and HTML comments are not currently supported.

Code blocks are fully editable, but their rendering may differ slightly from the native VS Code Markdown preview styling.

Installation

Install inlineMD from the Visual Studio Code Marketplace.

For manual installation:

code --install-extension inlinemd-x.y.z.vsix

Development

npm install
npm run build

Press F5 to launch an Extension Development Host.

License

MIT