Mermaid Fullscreen

pending

by egg

Mermaid Fullscreen Plugin.

Updated 2mo agoGPL-3.0Discovered via Obsidian Unofficial Plugins
View on GitHub

【English | 简体中文】

Mermaid Fullscreen Plugin

An Obsidian plugin for viewing and interacting with Mermaid diagrams in fullscreen mode.

Features

  • Fullscreen View: Adds a fullscreen button to Mermaid diagrams, allowing you to view them in a modal window
  • Interactive Controls:
    • Mouse Drag: Drag the diagram around in fullscreen mode
    • Scroll Zoom: Use mouse wheel to zoom in or out of the diagram
    • Button Controls: Provides zoom in, zoom out, and reset buttons
  • Responsive Layout: Diagram automatically adjusts to window size

Usage

  1. Use fullmermaid code block in your Markdown files to create Mermaid diagrams
  2. After rendering, a fullscreen button will appear in the top right corner of the diagram
  3. Click the fullscreen button to view the diagram in a modal window
  4. In fullscreen mode:
    • Use mouse wheel to zoom in or out
    • Hold left mouse button to drag the diagram
    • Click "Zoom In" button to increase zoom level
    • Click "Zoom Out" button to decrease zoom level
    • Click "Reset" button to restore original size and position

Example

graph TD
    A[Start] --> B[Create Mermaid Diagram]
    B --> C[Click Fullscreen Button]
    C --> D[View in Fullscreen Mode]
    D --> E[Zoom and Drag Operations]
    E --> F[Complete]

License

This plugin is licensed under the GNU General Public License v3.0 license.

Contributions

Issues and pull requests are welcome to improve this plugin!

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.