MD Edit

MD Edit is a visual Markdown editor for Visual Studio Code. It presents Markdown as a clear white document while keeping the underlying .md file as the source of truth.

Features

• Edit rendered headings, paragraphs, lists, links, quotes, code, and tables.
• GitHub-flavoured Markdown, including task lists and strikethrough.
• Normal VS Code saving, dirty-state tracking, undo, and redo.
• Local and remote images.
• A deliberately simple, high-contrast document layout.
• 70–160% document zoom, remembered for each open editor.
• Contextual controls for adding and removing table rows and columns.
• Configurable page width, font family, font size, line spacing, and default zoom.
• A live, clickable document outline generated from Markdown headings.

Use

Open a .md or .markdown file, then either:

• click the preview icon in the editor title; or
• run MD Edit: Open Markdown in Visual Editor from the Command Palette; or
• choose Reopen Editor With… → Markdown Visual Editor.

To make MD Edit the default, use Reopen Editor With… → Configure default editor for '*.md'.

When the cursor is inside a table, the toolbar shows controls for adding or removing rows and columns. Header rows cannot be removed, preserving valid Markdown table structure.

Appearance options are under Settings → Extensions → MD Edit and update open visual editors immediately.

Use the Outline toolbar button to show or hide the heading navigator.

The visual editor rewrites the affected Markdown from its rendered structure. Common Markdown is preserved semantically, but exact whitespace and unusual embedded syntax may be normalised.

Development

npm install
npm run check

Press F5 in VS Code after running npm run compile to launch an Extension Development Host.