Transform VS Code into a
Powerful Markdown Editor

Office-like interface with WYSIWYG preview editing, rich formatting toolbar, find & replace, and PDF/HTML export capabilities.

Download Extension View on GitHub

WYSIWYG

Live Preview Editing

PDF/HTML

Export Formats

Office-like

Familiar Interface

Free

Open Source

Powerful Features

WYSIWYG Preview Editing

Edit your markdown with a live preview that updates in real-time. See exactly how your document will look while you type.

🎨

Rich Formatting Toolbar

Access all formatting options with an intuitive Office-like toolbar. Bold, italic, lists, tables, and more at your fingertips.

🔍

Find & Replace

Powerful search and replace functionality with regex support. Quickly find and update content across your documents.

📄

Export to PDF/HTML

Export your markdown documents to professionally formatted PDF or HTML files with a single click.

📊

Tables & Checklists

Create and edit tables visually with easy controls. Interactive checklists for task management directly in your markdown.

🎯

Focus Mode

Distraction-free writing with focus mode. Hide toolbars and status bars to concentrate on your content.

⚙️

Customizable

Configure fonts, sizes, margins, and themes to match your preferences. Custom CSS support for advanced styling.

📏

Word Count & Reading Time

Track your progress with word count goals and estimated reading time displayed in the status bar.

🔄

Synchronized Scrolling

Editor and preview scroll together seamlessly. Toggle between split view, editor-only, or preview-only modes.

Quick Installation

1

Download the Extension

Download the latest .vsix file from the GitHub Releases page

2

Install in VS Code

Install the extension using the command line or VS Code:

code --install-extension md-office-editor-0.2.1.vsix

Or in VS Code: Extensions view → "..." menu → "Install from VSIX..."

3

Start editing

Open any .md file, right-click and select "Open with Markdown Office Editor" to start using the extension.