Markdown（マークダウン）プレビュー・オンラインエディタ - Markdown Preview
Markdown（マークダウン）をブラウザで書きながらリアルタイムにプレビューできる無料のオンラインエディタ。GitHub の README や Qiita・Zenn の記事の下書き確認に。表・コードブロックなど GFM に対応し、.md ファイルの読み込み・保存や HTML への変換もできます。インストール・登録不要で、入力内容は外部送信されません。
Markdown Preview は、ブラウザだけで Markdown を書きながらリアルタイムにプレビューできる無料のオンラインエディタです。インストールやユーザー登録は不要で、入力した文章はサーバーに送信されず、ブラウザ内で HTML に変換されます。
こんなときに
- GitHub に push する前に README の見た目を確認したい：README.md を画面にドロップするか貼り付けると、見出し・表・コードブロック・リンクがどう表示されるかをコミット前に確かめられます。
- 届いた .md ファイルを、エディタを入れずに読みたい：VS Code などのエディタやアプリが入っていない PC でも、ファイルをドロップするだけで整形された文章として読めます。
- Qiita・Zenn やブログの記事の下書きを書きたい：表示を確かめながら記事を書き、DOWNLOAD_MD で .md として保存できます。サイト独自の記法（Zenn の :::message など）には対応していません。
- 表やリストの書き方を試しながら覚えたい：マークダウンの記法を書くとすぐ右側に結果が出るので、表の区切り方やリストの入れ子などを試しながら覚えられます。
- Markdown を HTML に変換したい：COPY_HTML で変換後の HTML をコピーし、ブログや CMS、HTML メールなどに貼り付けられます。
- 社外に出せない文書もプレビューしたい：変換はブラウザ内だけで行い、入力内容をサーバーへ送信しないため、仕様書や議事録などもそのまま貼り付けられます。
機能
- リアルタイムプレビュー：入力と同時に右側のプレビューへ反映。SPLIT（左右分割）・EDIT（編集のみ）・PREVIEW（表示のみ）を切り替えられます。
- GitHub 風の記法に対応：見出し・リスト・表・コードブロック・引用・リンク・画像・打ち消し線など、GFM（GitHub Flavored Markdown）の記法を表示できます。改行はそのまま改行として表示します。
- ファイルの読み込みと保存：.md ファイルを画面にドラッグ&ドロップして読み込み、DOWNLOAD_MD で .md として保存できます。COPY_HTML で変換後の HTML をコピーできます。
- 外部送信なし：変換はすべてブラウザ内で行い、入力内容をサーバーへ送信しません。
- ダーク / ライト・全画面：配色の切り替えと、ヘッダー類を隠して編集に集中できる FULLSCREEN モードを備えています。
使い方
- 左の SOURCE 欄に Markdown を入力するか、.md ファイルを画面にドラッグ&ドロップします。
- 右の PREVIEW 欄で表示を確認します。
- DOWNLOAD_MD で .md ファイルとして保存するか、COPY_HTML で HTML をコピーして使います。
よくある質問
- 無料で使えますか？
- はい。無料で、インストールやユーザー登録も不要です。
- マークダウン（Markdown）とは何ですか？
- # で見出し、- でリスト、** で太字のように、記号を使って文章の構造を書く記法です。GitHub の README や Qiita・Zenn の記事、チャットツールなどで広く使われています。
- GitHub と同じ表示になりますか？
- 表・コードブロック・打ち消し線など GFM の主な記法は同じように表示しますが、GitHub 独自の表示（Mermaid の図や注釈ブロックなど）や配色までは再現しません。
- 入力した内容はサーバーに送信されますか？
- いいえ。Markdown から HTML への変換はブラウザ内で行い、入力内容をサーバーへ送信しません。
- 書いた内容は保存されますか？
- 同じタブを開いている間はブラウザ（sessionStorage）に保持され、再読み込みしても残ります。タブを閉じると消えるため、残したい場合は DOWNLOAD_MD で .md ファイルとして保存してください。
- どの Markdown 記法に対応していますか？
- GFM（GitHub Flavored Markdown）に対応しており、見出し・リスト・表・コードブロック・引用・リンク・画像・打ち消し線などを表示できます。
- Mermaid の図も表示できますか？
- このツールでは Mermaid の図は描画しません。Mermaid 記法の図は同じサイトの Mermaid Preview（/tools/mermaid-preview）でプレビュー・画像保存できます。