リアルタイムプレビュー付きMermaidオンラインエディタ
テキストからMermaid図を作成し、入力しながらプレビューし、テンプレートから始めて、コードをアップロードせずに画像を書き出せます。
Mermaidオンラインエディタを試す
flowchart TD
A[Mermaidコードから開始] --> B{画像が必要？}
B -->|PNG| C[ドキュメント用に書き出し]
B -->|SVG| D[ベクター画像を書き出し]
B -->|PDF| E[共有用に書き出し]
C --> F[ドキュメントに利用可能]
D --> F
E --> FMermaidオンラインエディタとは？
Mermaidオンラインエディタは、ブラウザでMermaid構文を書き、図をライブプレビューし、テンプレートから始めてPNG、JPG、SVG、PDFとして書き出せるツールです。
編集しながらリアルタイムプレビュー
PNG/JPG/SVG/PDFをまとめて出力
テンプレート、テーマ、ズーム、パン、ローカル履歴に対応
Mermaidコードはブラウザ内に保持
Mermaidのオンラインプレビュー以上
Mermaid2Imgはオンラインエディタ、テンプレート、スタイル設定、ローカル履歴、複数形式のエクスポートを1つのワークスペースにまとめています。
Mermaidの書き出し形式を選ぶ
同じ図を複数形式で書き出せるため、用途に合うファイルを選んでからダウンロードできます。
多くの場所で扱いやすい鮮明なビットマップが必要なときに使います。
透明背景が不要で、軽いプレビュー画像が欲しいときに向いています。
拡大しても崩れない線や後からの調整が必要なときに使います。
図を文書として配布したいときに適しています。
使い方
Mermaidコードを貼り付けるか、テンプレートから始めます。
ライブプレビューを確認し、必要に応じて構文を修正します。
画像として書き出すか、フルワークスペースで詳細設定を行います。
よくある質問
Mermaidオンラインエディタとは何ですか？
Mermaidのテキスト構文を書き、フローチャート、シーケンス図、ER図、ガントチャートなどを即時レンダリングできるエディタです。
エディタから図を出力できますか？
はい。Mermaid2Imgはブラウザ内でPNG、JPG、SVG、PDFとして書き出せます。
Mermaid2Imgはエディタだけですか？
いいえ。オンラインエディタ、ライブプレビュー、テンプレート、スタイル設定、ローカル履歴、画像出力を1つのワークスペースにまとめています。
オンラインで編集して書き出す
下の埋め込みエディタを試すか、詳細設定はフルワークスペースで開けます。