Render PlantUML, Mermaid and others graph/diagrams on webpages.
A browser extension for Chrome, Edge, Opera and Firefox that renders markdown diagrams and charts code blocks into preview images.
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
Latest reviews
- (2023-04-13) 谭亮: 不支持本地文件
- (2021-04-14) 建宾: 刚装上,尝试了一下,不错,好东西
- (2020-11-19) wenhe: github中mermaid展示成功
- (2020-09-14) Ren: 到底怎么用啊?自己写HTML?里面放一个blockquote标签吗?还是无法渲染啊,双击都没有效果的。 特别希望找到一个类似Firefox下的Markdown Here插件!
Statistics
Installs
3,489
history
Category
Rating
3.4 (5 votes)
Last update / version
2020-08-31 / 1.2
Listing languages