Draw.io から Mermaidへ
ローカルで Draw.io XML のノードとエッジを解析し、Mermaid図のコードを生成します。複雑な図形は手動で確認が必要になる場合があります。
ブラウザー内でローカル処理
このページは公開ディレクトリのチェックに合格しています。JavaScript を有効にすると、すべての機能を使用できます。
使用ガイド
Draw.ioをMermaidに変換する方法
Draw.ioから Mermaid への変換は、現在のブラウザーでユーザーが選択した XML のみを解析し、他のファイルをアップロードしたり読み取ったりすることはありません。
入力XML
ローカルのDraw.io XMLファイルを貼り付けるか選択してください。
図形を解析
このツールはノード、ラベル、接続線を抽出し、対応していない図形属性を通知します。
確認してコピー
Mermaidの構文と方向を確認してから、コードを対象のドキュメントにコピーします。
制限事項と注意点
- 初版では主にノードと接続線の意味を保持し、色、レイアウト、スイムレーン、カスタム図形の完全な再現は保証しません。
- 複雑な接続線、グループ化、特殊なXML拡張は、機能が低下したり警告対象になったりする場合があります。
- 最大 1 MiB を入力できます。生成結果は対象の Mermaid レンダラーで再度検証する必要があります。
よくある質問
Draw.ioを開いたり、スクリプトを実行したりしますか？
いいえ、ユーザーが提供した XML テキストのみを解析します。
レイアウトと色が保持されないのはなぜですか？
MermaidとDraw.ioでは図形モデルが異なるため、初版ではピクセル単位のスタイルよりも構造の保持を優先します。
ソースファイルはアップロードされますか？
いいえ、処理はブラウザ内でのみ行われます。