https://github.com/serverwentdown/open-in-mermaid-editor

Open embedded diagrams in a Mermaid editor
https://github.com/serverwentdown/open-in-mermaid-editor

chrome-extension firefox-addon webextension

Last synced: 12 days ago
JSON representation

Open embedded diagrams in a Mermaid editor

• Host: GitHub
• URL: https://github.com/serverwentdown/open-in-mermaid-editor
• Owner: serverwentdown
• License: mit
• Created: 2022-07-19T17:06:35.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-25T13:18:30.000Z (over 1 year ago)
• Last Synced: 2024-04-15T01:21:01.383Z (8 months ago)
• Topics: chrome-extension, firefox-addon, webextension
• Language: TypeScript
• Homepage:
• Size: 177 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  Open in Mermaid editor





  Open embedded diagrams in a Mermaid editor



---

[![](https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/UV4C4ybeBTsZt43U4xis.png)](https://chrome.google.com/webstore/detail/open-in-mermaid-editor/pljeapndbpclcpihiaojeegjkcpnekep)

[![](https://ffp4g1ylyit3jdyti1hqcvtb-wpengine.netdna-ssl.com/addons/files/2015/11/get-the-addon.png)](https://addons.mozilla.org/en-GB/firefox/addon/open-in-mermaid-editor/)

## Usage

- Right-click on a diagram

  - [Sample link](https://mermaid.ink/svg/pako:eNpVkEFPg0AQhf_KZk-atMWC0paDiaW1lyaa2FvpYcoO7EbY3SyDpgH-u0uNRuc0mfe9l8nreG4E8oSXDqxkh02mmZ-nYyqdaqiG5sSm08d-h8Rqo_HSs_XNzrBGGmuVLm-_-fUIsbTbjxgykkq_D99SevW_aOzZ5rgHS8ae_iqHT9Oz7VG9Sh__X5EOvev5WEBSwDQHx1JwJz7hNboalPBvd6Mh4ySxxownfhVYQFtRxjM9eLS1Agi3QpFx3MdUDU44tGTeLjrnCbkWf6CNAt9C_UtVBgR6U8fpYq8d-UZ8ZG50ocrx3rrKnyWRbZIgGOVZqUi251lu6qBRQoIj-bGKgziMlxBGGC8ieIgikZ_nq2UR3s8Lsbibh8CHYfgCSSN_6A)

- Select "Edit Mermaid"

- Choose the online editor or copy the code to your clipboard

## Supported

- Embedded images, links and frames to

  - mermaid.ink

  - kroki.io

## Planned

- GitHub & GitHub Gist ([example](https://gist.github.com/martinwoodward/8ad6296118c975510766d80310db71fd))

- GitLab ([example](https://gitlab.com/gitlab-com/www-gitlab-com/blob/master/sites/handbook/source/handbook/tools-and-tips/mermaid/index.html.md))

- Notion images