Rich Notes with Mermaid Diagrams

Rich Notes with Mermaid Diagrams is a note-taking editor for files and folders in the Explorer. It lets you create and edit rich-text notes with support for Mermaid diagrams, images, HTML tables, and right-to-left (RTL) content.

How to use

• Right-click any file or folder in the Explorer and select Open a Note.
• If a note already exists for that node, it will open.
• If no note exists, a new one will be created.
• The node can be either a file or a folder.

Features

• HTML editor for rich notes.
• Edit and insert Mermaid diagrams.
• Add images.
• Insert HTML tables.
• Support for RTL content on any node in the Explorer.
• Double-click a diagram to edit it.
• Resize diagrams as needed by dragging its handles.

Notes storage

All notes are stored in a folder named .vsnotes.

Notes Explorer

• Open Notes Explorer from the Activity Bar to see all your notes.
• The tree view shows the same structure as the Explorer.
• Double-click any node to open its corresponding note.
• New notes and deleted notes are reflected in Notes Explorer in real time.

Note Editor

Notes Explorer

Mermaid Diagram Editor

For support and feedback, contact the author at abukres@gmail.com.