Markdownプレビュー
Markdownを入力すると、その場でレンダリング結果を確認できます。README・技術メモ・Issue・ブログ下書き等を投稿・貼付する前の確認に使えます。
対応するのはCommonMark + GFM相当の主要拡張(見出し・段落・強調・リスト・引用・インラインコード・fenced code block・表・打消し線・タスクリスト・オートリンク)です。HTMLタグは実行されず文字として表示され、リンク・画像は安全なもののみ有効になります。最大入力は100,000文字です。
このツールでできること
Markdownプレビューの主な機能です。
- Markdownを入力すると、特別な操作なしにその場でプレビューが更新されます
- 見出し・リスト・表・コードブロック・タスクリスト等、主要なMarkdown要素を確認できます
- 安全なリンク・HTTPS画像のみプレビュー内で有効になります
- Markdownソースをそのままコピーできます
- 入力・表示はブラウザ内で処理し、サーバーへ送信しません
手順を見る
- 入力欄にMarkdownを入力・貼り付けしますサンプルも利用できます
- 入力を止めてしばらく待つとプレビューが自動的に更新されます
- 見た目を確認し、必要ならMarkdownソースをコピーします
- 不要になったら「クリア」で入力内容を消せます
Markdownプレビューについて
詳しい仕様を見る
対応するMarkdown仕様
CommonMark + GFM相当の主要拡張(見出し・段落・強調・リスト・引用・インラインコード・fenced code block・表・打消し線・タスクリスト・オートリンク)に対応しています。「GitHub Flavored Markdown完全準拠」「GitHubと完全互換」は保証しません。細かな挙動は採用しているMarkdown parserの仕様に従います。
Raw HTML・リンク・画像の扱い(セキュリティ)
Markdown内に書いたHTMLタグ(<script>等を含む)はタグとして解釈せず、 そのまま文字として表示します。プレビュー内のリンクはhttps:・http:・mailto:のいずれかの絶対URLのみクリックでき、新しいタブで開きます。それ以外の書き方(相対パス・ページ内アンカーのみ・javascript:等)はクリックできない状態になります。画像はhttps:の絶対URLのみ表示し、それ以外は表示しません。
リアルタイムプレビューと入力上限
入力を止めてしばらく待つと(既定300ミリ秒)、プレビューが自動的に更新されます。ボタン操作は不要です。最大100,000文字まで入力でき、これを超える場合はプレビューを表示せずエラー表示になります。
よくある質問
対応しているMarkdownの範囲は?
CommonMark + GFM相当の主要拡張(見出し・段落・強調・リスト・引用・インラインコード・fenced code block・表・打消し線・タスクリスト・オートリンク)に対応しています。「GitHubと完全互換」等は保証しません。Syntax Highlighting・見出しへの自動リンク付与・emoji shortcode(例: :smile:)の変換には対応していません。
Markdown中にHTMLタグ(<script>等)を書くとどうなりますか?
HTMLタグとしては解釈せず、そのまま文字として画面に表示されるだけで実行されません。生成したHTMLはさらにサニタイズ処理を通してから表示しており、二重の対策をしています。
プレビュー内のリンクはクリックできますか?
https:・http:・mailto:のいずれかで始まる絶対URLのリンクのみクリックでき、新しいタブで開きます。相対パスやページ内アンカーのみのリンク、javascript:等の危険な形式のリンクはクリックできません。
画像は表示されますか?
https:で始まる絶対URLの画像のみ表示します。http:や相対パス、その他の形式の画像は表示しません。HTTPSの外部画像を表示すると、利用者のブラウザから画像の配信元へ直接通信が発生します。
入力したMarkdownは外部へ送信されますか?
いいえ。Markdown本文や生成したプレビューのHTMLをせやテクのサーバーやアクセス解析(GA4)へ送信することはありません。ただし外部画像を含めた場合、その画像の配信元への通信は別途発生します。
入力できる最大文字数はどれくらいですか?
最大100,000文字まで入力できます。これを超える場合はプレビューを表示せず、エラーとして表示します。