Mermaid Graphical Editor
Mermaid の編集を GUI サポートするエディタビューを表示することができます。現在、フローチャートとシーケンス図、クラス図、ER 図の一部の編集のみ GUI サポートに対応しています。
GUI サポートで対応していない記述(フローチャートの Direction や Subgraphs など)は、Mermaid コードの方を直接編集することで反映されます。
You can display an editor view that supports Mermaid editing with a GUI. Currently, only some editing of flowcharts, sequence diagrams, class diagrams and ER diagrams is supported by GUI support.
Descriptions not supported by GUI support (e.g., Direction and Subgraphs in flowcharts) will be reflected by editing the Mermaid code directly.
Usage
Start
Markdown ファイル(.md)内の Mermaid コードブロック上部の MermaidEditor
をクリックすることでエディタビューが開きます。
Click MermaidEditor
at the top of the Mermaid code block in the Markdown file (.md) to open the editor view.
End
エディタビューを閉じるか、編集中コードブロック上部の MermaidEditor
をクリックします。
また、編集中コードブロック以外が編集された場合もエディタビューが閉じるので、必要に応じて再度エディタビューを開いてください。
Close the Editor view or click MermaidEditor
at the top of the code block you are editing.
Also, if something other than the code block being edited is edited, the editor view will close, so please reopen the editor view if necessary.
Release Notes
0.4.1
0.4.0
0.3.5
0.3.4
[シーケンス図] ライフラインに指定されたラベルによっては、正常にライフラインを選択できなくなる不具合を修正した。
[Sequence] Fixed a bug that depending on the label specified in the lifeline, the lifeline could not be selected normally.
0.3.3
mermaid のバージョンを 10.9.1
に更新した。
[クラス図] Note が含まれているとテキスト編集ができなくなる不具合を修正した。
[クラス図] クラス名の編集の時に #
が正しくエスケープされない不具合を修正した。
Updated mermaid version to 10.9.1
[ClassDiagram] Fixed a bug that text editing would not be possible if Note was included.
[ClassDiagram] Fixed a bug that #
was not escaped correctly when editing the class name.
0.3.2
0.3.1
0.3.0
0.2.12
0.2.11
0.2.10
0.2.9
mermaid のバージョンを 10.6.1
に更新した。
[シーケンス図] Grouping / Box の簡易的な編集に対応した。
Updated mermaid version to 10.6.1
[Sequence] Added support for simple editing of Grouping / Box.
0.2.8
0.2.7
[シーケンス図] アクティベーション(実行仕様)に対応した。
[フローチャート] リンクを選択することで関連する編集ポイントを表示する機能を追加した。
ダブルクリックによるテキスト編集に対応した。
[Sequence] Added support for Activations.
[Flowchart] Added the ability to display related edit points by selecting links.
Added support for double-clicking text editing
0.2.6
[シーケンス図] フラグメントの簡易的な編集(追加、変更、削除、テキスト)に対応した。
[Sequence] Added support for simple editing of fragments (add, change, delete, text).
0.2.4
[フローチャート] ノードの選択時、形状変更に関連する編集ポイントを追加した。
[シーケンス図] 左側ノートの追加に対応した。
[Flowchart] When selecting a node, added edit points related to changing the shape.
[Sequence] Added support for adding notes on the left.
0.2.3
[シーケンス図] メッセージの選択時、形状変更に関連する編集ポイントを追加した。
[Sequence] When selecting a message, added edit points related to changing the shape.
0.2.2
[シーケンス図] ライフラインの選択時、メッセージ作成に関連する編集ポイントを追加した。
[シーケンス図] メッセージ、ノートを選択することで関連する編集ポイントを表示する機能を追加した。
[Sequence] When selecting a lifeline, added edit points related to message creation.
[Sequence] Added the ability to display related edit points by selecting messages and notes.
0.2.1
[シーケンス図] ライフラインに活性区間がある場合に、ライフラインを正常に削除できない不具合に対応した。
[シーケンス図] ライフラインを選択することで関連する編集ポイントを表示する機能を追加した。
[Sequence] Fixed a bug that prevented lifelines from being deleted if the lifeline has an active section.
[Sequence] Added the ability to display related edit points by selecting a lifeline.
0.2.0
0.1.7
ノードを選択することで関連する編集ポイントを表示する機能を追加した。
英文入力時にコードが見辛くなるため、スペース文字をエスケープの対象から除外した。
その他の英文を使用する際に発生する不具合に対応した。
Added the ability to display related edit points by selecting a node.
If the space character is escaped, the Mermaid code becomes difficult to see when dealing with English text, so the space character is excluded from the escape target.
Addressed other problems that occurred when using English text.
0.1.5
subgroup 内要素への編集ポイントの位置がズレる不具合に対応した
Fixed a bug that misaligned the position of edit points to elements in subgroups.
0.1.4
ノードを編集(テキスト変更、シェイプ変更)すると、:::
演算子が消えてしまう不具合に対応した
Addressed a bug that :::
operator disappears when the node is edited (text change, shape change).
0.1.3
VSCode 1.73 でエディタビューが正常に表示されない不具合に対応した
0.1.2
ダークモードへの対応
(配色テーマがダークの場合、エディタビューでのプレビュー表示の theme を"dark"にする)
0.1.0
フローチャートの簡易的な編集に対応