ビジュアル＆コードエディター 100% クライアント処理 • プライベート
Markdown内のMermaidダイアグラムをプレビュー
Markdownファイル全体またはMermaidコードを貼り付け、描画プレビューを確認し、高解像度のSVG、PNG、PDFを出力できます。
ワークスペース
Markdown・Mermaidエディター
ライブプレビュー
スクロール可能な図のプレビューです。矢印キーで移動し、Shiftと矢印キーで大きく移動し、Homeキーで左上に戻ります。
図を描画しています…
Markdownを編集するとプレビューが更新されます。
100%
図 1
0 個の図 準備完了。
ドキュメント作成に最適化
既存のドキュメント内の図を即座に確認。
完全なMarkdownファイルまたは個別のコードを貼り付け、構文エラーを修正してチームに必要な形式で書き出せます。
Markdownファイルを丸ごと解析
文書内に含まれる複数の mermaid または mmd ブロックを自動検出します。
リアルタイムSVG描画
検出された図を切り替え、テーマを変更し、公開前に構文エラーを解消できます。
SVG、PNG、PDF出力
READMEやドキュメントサイト、プレゼン資料用の鮮明な画像ファイルを保存できます。
ファイルをアップロードせずにMermaidダイアグラムを確認・保存
このオンラインMermaidエディターは、ドキュメントに組み込まれた図をそのまま確認するために開発されました。
よくある質問 (FAQ)
図のコードはサーバーに送信されますか？
いいえ。レンダリングや画像変換はすべてお使いのブラウザ内で行われます。
対応しているダイアグラムの種類は？
フローチャート、シーケンス図、クラス図、状態遷移図、ER図、ガントチャート、円グラフ、マインドマップ、タイムラインなどに対応しています。
ベクターSVGや高解像度PNGを保存できますか？
はい。鮮明なSVGおよび高解像度PNG、PDFをワンクリックでダウンロードできます。