Markdownプレビュー
Markdown を入力と同時に HTML プレビュー。サニタイズ済みで安全に表示。
このツールについて
Markdown は、記号で手軽に文章構造を表せる軽量マークアップ言語です。このツールは入力と同時に整形結果をブラウザ内でプレビューし、入力を外部へ送信しません。記法の基本と、サービスによって差が出る点を押さえておくと、投稿先で崩れにくくなります。
Markdown には「方言」がある
Markdown には CommonMark という標準仕様と、GitHub が拡張した GFM（GitHub Flavored Markdown）があります。表・タスクリスト・取り消し線・自動リンクなどは GFM の拡張で、対応はサービスごとに異なります。このツールは GFM に対応しています。
よく使う記法
- # 見出し（# の数で見出しレベル）／- または * で箇条書き。
- **太字**／*斜体*／`コード`／[表示文字](URL) でリンク。
- ``` で囲むコードブロック／| 列 | 列 | で表（GFM）。
つまずきやすい点
- 見出しやリストの前後には空行を入れると崩れにくい。
- 記号（# や -）の後には半角スペースが必要。
- 文中で改行したいときは行末に半角スペース 2 個、または空行で段落を分ける。
他人の Markdown も安全に試せる
生成した HTML はサニタイズ（無害化）してから表示するため、埋め込まれた危険なスクリプトは除去されます。出所のわからない Markdown を貼り付けて見た目を確認する場合でも、安全にプレビューできます。
使い方
- 左に Markdown を入力すると、右にリアルタイムでプレビューが表示されます。
- 見出し・リスト・リンク・強調などの GFM 記法に対応します。
よくある質問
どの記法に対応していますか？
見出し・リスト・リンク・強調・コードブロックなどの基本記法に加え、GFM(GitHub Flavored Markdown)に対応しており、表や取り消し線などの拡張記法も使えます。
プレビューはリアルタイムで更新されますか？
はい。入力すると同時に HTML として整形された見た目が更新されるため、記法の確認や下書きの仕上げをその場で行えます。
他人が書いた Markdown を貼り付けても安全ですか？
はい。生成した HTML はサニタイズ(無害化)してから表示するため、埋め込まれた危険なスクリプトなどは除去されます。未知の Markdown でも安全にプレビューできます。
入力した内容はサーバーに送られますか？
いいえ。変換・表示はすべてブラウザ内で完結し、入力した内容が外部に送信されることはありません。公開前の記事や社内ドキュメントでも安心です。
GitHub や他サービスと全く同じ見た目になりますか？
基本的な記法の表示は共通ですが、細かなスタイル(余白や色、一部の拡張記法の扱い)は各サービスの実装によって異なる場合があります。最終的な見た目は掲載先でも確認することをおすすめします。
書いた HTML をそのまま取り出せますか？
このツールは書いた Markdown の見た目を確認するプレビュー用途です。整形結果を確認しながら、Markdown 本文を対応サービスに貼り付けて活用してください。