Render PlantUML, Mermaid and others graph/diagrams on webpages.

Latest Version

Version

1.21

Update

January 25, 2022

Size

155KiB

Developer

Markdown Diagrams Extension

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, GraphViz and many more (full list on website).

Supports any website:
- GitHub, GitLab, Bitbucket: md files, pull requests, issues, gists, wiki...
- 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://gitlab.com/markzackie/markdown-diagrams-browser-extension/-/tree/master/doc/examples
https://bitbucket.org/marcozaccari2/markdown-diagrams-browser-extension/src/master/doc/examples
https://github.com/marcozaccari/markdown-diagrams-browser-extension

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Markdown Diagrams", "description": "Render PlantUML, Mermaid and others graph/diagrams on webpages.", "version": "1.21", "manifest_version": 2, "permissions": [ "storage", "" ], "options_ui": { "page": "settings/index.html" }, "background": { "scripts": [ "js/pako_deflate.js", "js/settings.js", "js/background.js" ], "persistent": false }, "icons": { "48": "images/icon48.png", "128": "images/icon128.png" }, "browser_action": { "default_icon" : "images/icon128.png", "default_title": "Markdown Diagrams" }, "content_scripts": [ { "js": [ "js/settings.js", "js/sites.js", "js/diagrams.js", "js/content.js" ], "matches": [ "http://*/*", "https://*/*", "file://*/*.md", "file://*/*.MD", "file://*/*.markdown", "file://*/*.mdown", "file://*/*.mkd", "file://*/*.rmd", "file://*/*.rst", "file://*/*.txt" ], "run_at": "document_idle" } ]}

Download CRX(155KiB)

Similar Extensions

diagrams.net and draw.io Importer Extension · Productivity 4,000+ 22 ★ 36.06KiB

Chrome Dashboard Extension · Productivity 4,000+ 5 ★ 3.38MiB

Markdown Viewer Extension · Productivity 4,000+ 352 ★ 2.36MiB

Mermaid Charts Extension · Developer Tools 4,000+ 1 ★ 238KiB

Mind Maps for Google Chrome™ Extension · Productivity 4,000+ 89 ★ 947KiB

GPT Diagram Maker Extension · Productivity 4,000+ 51 ★ 54.71KiB

Mind maps Extension · Social & Communication 4,000+ 6 ★ 3.23MiB

Mermaid diagram renderer for GitHub Extension · Developer Tools 4,000+ 2 ★ 302KiB

mermaid-diagrams Extension · Developer Tools 4,000+ 6 ★ 436KiB

PlantUML Viewer Extension · Developer Tools 4,000+ 104 ★ 36.92KiB

PlantUML Visualizer Extension · Developer Tools 4,000+ 6 ★ 419KiB

PlantUML Extension Extension · Productivity 4,000+ 3 ★ 297KiB

BPMN, DMN & Test Scenario Editors for GitHub Extension · Productivity 4,000+ 4 ★ 102KiB

Mermaid Previewer Extension · Developer Tools 4,000+ 5 ★ 7.01MiB

Chrome Diagrammer Extension · Developer Tools 4,000+ 4 ★ 437KiB

PlantUML Viewer Multipage Extension · Developer Tools 4,000+ 0 ★ 36.61KiB

Mind Map Extension · Productivity 4,000+ 33 ★ 852KiB

MultiTabs Markdown Editor Extension · Productivity 4,000+ 11 ★ 4.34MiB

draw.io for Notion Extension · Productivity 4,000+ 57 ★ 38.86KiB

EdrawMind - MindMapping Tool Extension · Productivity 4,000+ 12 ★ 118KiB

Pegmatite Extension · Developer Tools 4,000+ 6 ★ 21.96KiB

MindManager Snap Extension · Productivity 4,000+ 6 ★ 239KiB

Github Sequence Diagrams Extension · Productivity 4,000+ 5 ★ 121KiB

Mermaid Graphical Editor Extension · Developer Tools 4,000+ 2 ★ 1.16MiB

User reviews

Edilberto Samudio (ID: 00000093595faeb9) Voted 4 ★ - Updated 07/26/2023 Love it but I had used this extension for a while, but from the last week, it stop working, I downloaded the version of kroki.io but it didn't work in my local environment, so probably there is a breaking change in Kroki.io

Хасан Шадияров (ID: 000000f1f14c44f0) Voted 5 ★ - Updated 06/21/2023 Work without any unnecessary stuff, love it!

Valerio Pietrantoni (ID: 00000058f319ed42) Voted 5 ★ - Updated 02/13/2023 Finalmente un plugin funzionante per mermaid!

Patrick Burrows (ID: 0000005a49d8a26e) Voted 5 ★ - Updated 09/03/2021 Works as described!

Edoardo (ID: 0000009b9d80e5d4) Voted 5 ★ - Updated 03/15/2021 Wonderful and very useful!

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Markdown Diagrams