FusionSol Markdown Mermaid DOCX

Preview Markdown files with Mermaid diagrams and export to Word documents (.docx) — all within VS Code.

Features

Mermaid Diagram Preview — View flowcharts, sequence diagrams, and more directly in Markdown preview
Export to DOCX — Convert Markdown (including Mermaid diagrams as images) to Microsoft Word format
Theme Support — Light/Dark mode themes for Mermaid diagrams
Right-Click Context Menu — Quick access to preview and export from Explorer or Editor
Batch Conversion — Export multiple Markdown files at once
Configurable — Page size, margins, fonts, and export options

Getting Started

Installation

Open VS Code
Press Ctrl+Shift+X (or Cmd+Shift+X on Mac) to open Extensions
Search for "FusionSol Markdown Mermaid DOCX"
Click Install

Quick Start

Preview Markdown with Mermaid:
- Open any .md file with mermaid code blocks
- Right-click in the editor → "Open Markdown Preview with Mermaid"
- Or press Ctrl+Shift+V for standard preview (Mermaid diagrams will render automatically)
Export to DOCX:
- Right-click in the editor → "Export to DOCX"
- Or use Command Palette (Ctrl+Shift+P) → "FusionSol: Export to DOCX"
- Choose save location
Batch Export:
- Right-click a folder in Explorer → "Batch Export to DOCX"
- All Markdown files in that folder will be converted

Supported Mermaid Diagrams

This extension supports all Mermaid diagram types:

Flowchart
Sequence Diagram
Class Diagram
State Diagram
Entity Relationship Diagram
Gantt Chart
Pie Chart
Git Graph
User Journey
Mindmap
Timeline
ZenUML
And more...
And more...

Usage

Commands

Access commands via Ctrl+Shift+P (Command Palette) or right-click context menu:

Command	Description
FusionSol: Open Markdown Preview with Mermaid	Open Markdown preview with rendered Mermaid diagrams
FusionSol: Export to DOCX	Convert current file to Word document
FusionSol: Export to DOCX (Configure)	Configure page size and options before export
FusionSol: Batch Export to DOCX	Convert all `.md` files in a folder

In Editor: Right-click inside .md file → Open Preview / Export to DOCX
In Explorer: Right-click .md file → Open Preview / Export to DOCX
On Folder: Right-click folder → Batch Export to DOCX

Settings

Configure the extension via VS Code Settings (Ctrl+, → search "FusionSol"):

Setting	Default	Description
`fusionsol-mermaid.lightTheme`	`default`	Mermaid theme for light mode (base, forest, dark, default, neutral)
`fusionsol-mermaid.darkTheme`	`dark`	Mermaid theme for dark mode
`fusionsol-mermaid.languages`	`["mermaid"]`	Code block languages recognized as Mermaid
`fusionsol-mermaid.maxTextSize`	`50000`	Maximum text size for Mermaid diagrams

Example

Create a Markdown file with Mermaid syntax:

```markdown

My Document

Flowchart Example

```mermaid graph TD A[Start] --> B{Decision} B -->|Yes| C[Do Something] B -->|No| D[Do Something Else] C --> E[End] D --> E ```

Sequence Diagram

```mermaid sequenceDiagram Alice->>John: Hello John, how are you? John-->>Alice: Great! ``` ```

Then:

Press Ctrl+Shift+V to preview
Right-click → Export to DOCX

Requirements

VS Code 1.80.0 or higher
No additional dependencies required

License

MIT

Contributing

Contributions are welcome! Please visit our GitHub repository to:

Report issues
Submit pull requests
Request features

Support

If you encounter any issues or have questions:

Check the documentation
Open an issue on GitHub

Enjoy using FusionSol Markdown Mermaid DOCX!

FusionSol Markdown Mermaid & DOCX

Fusion Solution