Markdown プレビューアー
Markdownをリアルタイムでプレビュー。見出し・太字・リスト・コードブロック・テーブル・リンクに対応。サーバー送信なしの無料オンラインツール。
MarkdownをリアルタイムでHTMLプレビューするツールです。GFMテーブル・コードブロック対応。
// 詳細
対応するMarkdown構文
見出し（# ～ ######）、太字（**text**）、斜体（*text*）、太字斜体（***text***）、取り消し線（~~text~~）、インラインコード（`code`）、コードブロック（```lang）、リンク（[text](url)）、画像（）、順序なしリスト（- item）、順序付きリスト（1. item）、引用（> text）、水平線（---）、テーブル（GFM形式）に対応しています。
リアルタイムプレビュー
左側のテキストエリアにMarkdownを入力すると、右側にリアルタイムでHTMLプレビューが表示されます。レトロテーマに合わせたスタイリングで、見やすく表示されます。COPY HTMLボタンで変換後のHTMLソースをクリップボードにコピーできます。
XSS対策
入力テキストに含まれるHTMLタグ（<script>等）は自動的にエスケープされるため、悪意あるスクリプトが実行されることはありません。安全にMarkdownのプレビューを確認できます。
実務での活用シーン
README.mdの執筆、ブログ記事の下書き、技術ドキュメントの作成、GitHubのIssueやPull Requestの本文確認など、Markdownを書く場面で即座にプレビューを確認できます。SAMPLEボタンで対応構文の一覧を確認できます。
// FAQ
- どのようなMarkdown構文に対応していますか？
- 見出し、太字、斜体、取り消し線、インラインコード、コードブロック（言語指定対応）、リンク、画像、リスト（順序あり・なし）、引用、水平線、テーブル（GFM形式、テキスト揃え対応）に対応しています。
- HTMLタグを直接入力できますか？
- セキュリティのため、入力されたHTMLタグは自動的にエスケープされます。<script>タグなどが実行されることはありません。
- データはサーバーに送信されますか？
- いいえ、すべての処理はブラウザ内で完結します。入力データがサーバーに送信されることはありません。
- 変換後のHTMLをコピーできますか？
- はい。COPY HTMLボタンでMarkdownから変換されたHTMLソースコードをクリップボードにコピーできます。
// 使い方
-
Markdownを入力
左側のテキストエリアにMarkdownテキストを入力または貼り付けます。SAMPLEボタンでサンプルテキストを挿入することもできます。
-
プレビューを確認
右側にリアルタイムでHTMLプレビューが表示されます。入力を変更するたびにプレビューが自動更新されます。
-
HTMLをコピー
COPY HTMLボタンで変換後のHTMLソースコードをクリップボードにコピーできます。