Markdown ビューアー／エディター
片側で Markdown を書くと、もう片側に正確なライブプレビューを表示。書式ツールバー、GFM の表、.md／.html の書き出しに対応し、すべてブラウザ内で動作します。
0 語 · 0 文字
.md、.markdown、.txt ファイルをここにドラッグ＆ドロップ
アウトライン（目次）
見出し（# タイトル）を追加すると、アウトラインが作成されます。
注意：他のウェブサイトから読み込む画像は、このサイトのセキュリティポリシー（CSP）によりブロックされ、プレビューに表示されません。data: URI やローカルファイルをご利用ください。
サーバーを使わずライブプレビューで Markdown を書く
Markdown は、README、ドキュメント、プルリクエストの説明、静的サイトのブログ記事の標準的な形式になりました。プレーンテキストとして読みやすく、それでいて見出し、太字や斜体、リスト、リンク、コードブロックなどがきちんと整った形で表示されるため、リッチテキストエディターを使う必要がありません。ただし、リストの前の空行が抜けている、表の列数が揃っていない、フェンス付きコードブロックが閉じていないといった小さな書き間違いで、意図とまったく違う表示になることがあります。しかも、生のテキストを眺めるだけでは気づきにくいものです。
このツールは、README やプルリクエストの表示に使われるものと同じ GitHub Flavored Markdown のルールで解析し、入力に合わせて、ソースと実際のレンダリング結果を並べて表示します。解析とレンダリングはすべてブラウザ内で行われるため、書きかけのドキュメント、プライベートなメモ、未公開のブログ記事など、書いている内容が端末の外に出ることはありません。表示前に HTML はサニタイズされるので、生の HTML や紛れ込んだ script タグを含む Markdown を貼り付けても、ブラウザ内で何かが実行されることはありません。これらはコードではなく、無害なコンテンツとして扱われます。
書式ツールバーが、適切な構文を挿入します。太字、斜体、見出し、リンク、画像、番号付き・番号なしリスト、引用、インラインコードとフェンス付きコード、表、水平線に対応しているので、表のヘッダーや参照形式のリンクのような使用頻度の低い要素でも、正確な記法を覚えておく必要はありません。必要な画面の広さに応じて、分割ビュー、エディターのみ、プレビューのみを切り替えられ、分割ビューでは 2 つのペインが連動してスクロールするので、ソースのどの部分がレンダリング結果のどこに対応するかを見失いません。
完成したら、生の Markdown やレンダリング済みの HTML をそのままクリップボードにコピーするか、すぐに使える `.md` または `.html` ファイルとしてダウンロードできます。1 つのドキュメントをプレビューするだけでなく 2 つのバージョンを比較したいときは、テキスト比較ツールが変更箇所を正確にハイライトします。完成した文章の単語数や読了時間の目安を知りたい場合は、文字数・単語数カウンターが次の一歩に役立ちます。
よくある質問
入力しながらライブプレビューを確認できますか？
はい。分割ビューで、GitHub 形式の Markdown（表、タスクリスト、取り消し線）を入力に合わせてリアルタイムに表示します。スクロールも同期されます。
うっかりタブを閉じても、作業内容は失われませんか？
失われません。下書きはブラウザのローカルストレージに自動保存され、次にツールを開いたときに復元されます。
Markdown だけでなく HTML としても書き出せますか？
はい。元の .md ファイルでも、レンダリング結果を含む単体の .html ファイルでもダウンロードできます。
他のウェブサイトの画像はプレビューに表示されますか？
いいえ。このサイトのコンテンツセキュリティポリシーは、プライバシー保護のため他のドメインから読み込む画像をブロックします。そのため外部の画像はライブプレビューに表示されません。data: URI を使うか、別の方法で画像を埋め込んでください。書き出した Markdown には元のリンクがそのまま残ります。