What is Mermaid Graphical Editor?

Mermaid Graphical Editor is a Chrome extension developed by corschenzi, and its main feature is "GUI support for editing Mermaid(But Now, Support Flowchart and Sequence, and Class diagram Only)".

Extension Screenshots

Download Mermaid Graphical Editor Extension CRX File

Download Mermaid Graphical Editor 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

Mermaidの編集をGUIサポートするエディタビューを表示することができます。現在、フローチャートとシーケンス図、クラス図の一部の編集のみGUIサポートに対応しています。

GUIサポートで対応していない記述（フローチャートのDirectionやSubgraphsなど）は、Mermaidコードの方を直接編集することで反映されます。

補足：
このExtensionは、Mermaidがgithubで正式にサポートされたのを受けて、issueなどでのMermaid利用の敷居を下げることを目的として作成していますが、githubでのみに限定する必要もないと考え、どのページでも利用可能にしています。

You can display an editor view with GUI support for Mermaid editing. Currently, GUI support is supported only for editing some parts of the flowchart and sequence, and class diagram.

Descriptions not supported by GUI support (e.g., Direction and Subgraphs in flowcharts) will be reflected by editing the Mermaid code directly.

Supplement:
This extension was created with the aim of lowering the threshold for using Mermaid in issues after Mermaid was officially supported on github, but we believe that it does not need to be limited to github only, so we make it available on any page.

Extension Basic Information

Name	Mermaid Graphical Editor
ID	ncgegkhepmclapihakjkpefpfodjobao
Official URL	https://chromewebstore.google.com/detail/mermaid-graphical-editor/ncgegkhepmclapihakjkpefpfodjobao
Description	GUI support for editing Mermaid(But Now, Support Flowchart and Sequence, and Class diagram Only)
File Size	1.03 MB
Installation Count	769
Current Version	0.3.1
Last Updated	2024-02-28
Publish Date	2022-10-31
Rating	4.00/5 Total 1 Ratings
Developer	corschenzi
Email	[email protected]
Payment Type	free
Supported Languages	ja
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Mermaid Graphical Editor", "description": "GUI support for editing Mermaid(But Now, Support Flowchart and Sequence, and Class diagram Only)", "version": "0.3.1", "icons": { "48": "48.png", "128": "128.png" }, "manifest_version": 3, "background": { "service_worker": "background.js" }, "action": { "default_title": "Mermaid Editor" }, "web_accessible_resources": [ { "resources": [ "content.js", "front.js", "copy.svg", "clear.svg" ], "matches": [ "" ] } ], "permissions": [ "activeTab", "scripting", "storage" ] }