Markdown Diagrams by Modulo srl
Renders diagrams and charts code blocks into preview images.
Supports many languages: PlantUML, Mermaid, C4, GraphViz, Erd, Nomnoml, BPMN, *Diag, Bytefield, Ditaa, Svgbob, UMlet, Vega, Vega-Lite, WaveDrom.
You'll need Firefox to use this extension
Extension Metadata
Screenshots
About this extension
Supports many languages:
PlantUML, Mermaid, C4 with PlantUML, GraphViz, Erd, Nomnoml, BPMN, BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag, Bytefield, Ditaa, Svgbob, UMlet, Vega, Vega-Lite, WaveDrom.
Supports any website:
Markdown files, pull requests, issues description, gists, wiki...
- GitHub (demo: https://github.com/marcozaccari/markdown-diagrams-browser-extension/tree/master/doc/examples )
- GitLab (demo: https://gitlab.com/markzackie/markdown-diagrams-browser-extension/-/tree/master/doc/examples )
- Bitbucket (demo https://bitbucket.org/marcozaccari2/markdown-diagrams-browser-extension/src/master/doc/examples)
- Atlassian: Jira, Confluence, Trello...
- all other websites trying known patterns.
- local files when rendered with some markdown extension.
How to use
Simply put diagram or chart code into a blockquote:
```language
code here
```
Double click to rendered diagram to swith to code/diagram.
Click to extension icon to disable/enable parsing in current browser tab.
Examples
https://github.com/marcozaccari/markdown-diagrams-browser-extension
PlantUML, Mermaid, C4 with PlantUML, GraphViz, Erd, Nomnoml, BPMN, BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag, Bytefield, Ditaa, Svgbob, UMlet, Vega, Vega-Lite, WaveDrom.
Supports any website:
Markdown files, pull requests, issues description, gists, wiki...
- GitHub (demo: https://github.com/marcozaccari/markdown-diagrams-browser-extension/tree/master/doc/examples )
- GitLab (demo: https://gitlab.com/markzackie/markdown-diagrams-browser-extension/-/tree/master/doc/examples )
- Bitbucket (demo https://bitbucket.org/marcozaccari2/markdown-diagrams-browser-extension/src/master/doc/examples)
- Atlassian: Jira, Confluence, Trello...
- all other websites trying known patterns.
- local files when rendered with some markdown extension.
How to use
Simply put diagram or chart code into a blockquote:
```language
code here
```
Double click to rendered diagram to swith to code/diagram.
Click to extension icon to disable/enable parsing in current browser tab.
Examples
https://github.com/marcozaccari/markdown-diagrams-browser-extension
Rate your experience
PermissionsLearn more
This add-on needs to:
- Access browser tabs
- Access your data for all websites
More information
- Add-on Links
- Version
- 1.2
- Size
- 160.35 KB
- Last updated
- 4 years ago (Aug 31, 2020)
- Related Categories
- License
- MIT License
- Version History
Add to collection
More extensions by Modulo srl
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet
- There are no ratings yet