Markdown WYSIWYG Editor

Edit Markdown files in a WYSIWYG custom editor that mirrors the preview layout while keeping the underlying Markdown document in sync.

Features

• Opens .md files in a custom WYSIWYG editor
• Two-way sync between the editor and the Markdown document
• Basic formatting toolbar (bold, italic, inline code, code blocks, headings, ordered and unordered lists, links, images)
• Toggleable split view with WYSIWYG editor alongside live Markdown source
• WYSIWYG code blocks apply basic syntax highlighting on render
• Link editing modal with Ctrl/Cmd-click to open links
• External links open in the browser; local links open in the same editor
• File picker for links and images inserts workspace-relative paths
• Relative asset resolution uses the document folder as the base path
• Markdown conversion supports tables, task lists, strikethrough, and fenced code blocks

How to Use

Open any .md file and select Markdown WYSIWYG Editor when prompted for an editor.

To set it as the default editor for Markdown:

1. Open a .md file.
2. Choose Open With… from the editor tab context menu.
3. Select Markdown WYSIWYG Editor.
4. Click Set as Default.

Requirements

VS Code Insiders

Known Issues

Release Notes

0.0.4

Code Blocks

0.0.1

Initial WYSIWYG Markdown editor.