What is Markdown Diagrams?

Markdown Diagrams is a Chrome extension developed by modulo.srl, and its main feature is "Render PlantUML, Mermaid and others graph/diagrams on webpages.".

Extension Screenshots

Download Markdown Diagrams Extension CRX File

Download Markdown Diagrams extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name	Markdown Diagrams
ID	pmoglnmodacnbbofbgcagndelmgaclel
Official URL	https://chromewebstore.google.com/detail/markdown-diagrams/pmoglnmodacnbbofbgcagndelmgaclel
Description	Render PlantUML, Mermaid and others graph/diagrams on webpages.
File Size	155 KB
Installation Count	5,000
Current Version	1.21
Last Updated	2022-01-26
Publish Date	2020-08-16
Rating	4.90/5 Total 10 Ratings
Developer	modulo.srl
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/marcozaccari/markdown-diagrams-browser-extension
Supported Languages	en
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" } ] }