什麼是Markdown Diagrams？

Markdown Diagrams是由modulo.srl開發的Chrome擴展程式，該擴展的主要功能是“Render PlantUML, Mermaid and others graph/diagrams on webpages.”。

擴展截圖

下載Markdown Diagrams擴展crx文件

下載Markdown Diagrams擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

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

擴展基本資訊

名稱	Markdown Diagrams
ID	pmoglnmodacnbbofbgcagndelmgaclel
官方網址	https://chromewebstore.google.com/detail/markdown-diagrams/pmoglnmodacnbbofbgcagndelmgaclel
簡介	Render PlantUML, Mermaid and others graph/diagrams on webpages.
檔案大小	155 KB
安裝次數	5,000
目前版本	1.21
更新時間	2022-01-26
上架時間	2020-08-16
評分	4.90/5 共 10 次評分
開發者	modulo.srl
電子郵箱	[email protected]
付費類型	free
擴展官網	https://github.com/marcozaccari/markdown-diagrams-browser-extension
支援的語言	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" } ] }

Markdown Diagrams

什麼是Markdown Diagrams？

擴展截圖

下載Markdown Diagrams擴展crx文件

擴展使用說明

擴展基本資訊

相關的擴展