Markdownプレビュー

Markdown をリアルタイムで HTML に変換し、見出し、強調、コード、表、引用、リンク、画像をプレビューできます。生成 HTML のコピーにも対応しています。

QR

スマホで開く

HTML タグはそのまま実行せず、Markdown として安全側にエスケープします

Markdown エディタ

左に入力すると右が即時更新

プレビュー

サニタイズ済み HTML を描画

生成 HTML

コピー用の整形済み HTML

入力行数

0

見出し数

0

リンク数

HTML 文字数

0

基本的な Markdown 記法を自前パーサーで変換しています。スクリプトタグなどの HTML は実行せず、文字列として扱います。

このツールについて

Markdown プレビューツールは、記事下書き、README、社内ドキュメント、チケット説明文などの見え方をブラウザ内ですぐ確認するためのページです。入力欄へ書いた Markdown をリアルタイムに HTML 化し、右側でプレビューできます。

見出し、強調、インラインコード、コードブロック、リンク、画像、箇条書き、番号付きリスト、引用、水平線、テーブルなど、日常的によく使う記法をカバーしています。生成された HTML はそのままコピーして別のエディタへ貼り付けられます。

安全性のため、HTML タグはそのまま解釈せずエスケープして扱います。処理はブラウザ内だけで完結し、入力した文書を外部へ送信しません。

使い方

  1. まず「HTML 出力を表示」を入力または選択し、「単独改行を <br> に変換」や「Markdown エディタ」も目的に合わせて調整します。
  2. 入力内容に応じて「プレビュー」がリアルタイムで変わるので、条件を調整しながら差分を確認します。
  3. 最後に表示された「プレビュー」を確認し、必要であれば「HTML をコピー」で再利用します。

大きめのデータはまず整形やプレビューで構造を確認し、その後に変換やコピーへ進むと失敗を減らせます。ブラウザ内だけで処理できるため、機密データの一次確認にも向いています。

Markdownプレビューとは?

Markdown をリアルタイムで HTML に変換し、見出し、強調、コード、表、引用、リンク、画像をプレビューできます。生成 HTML のコピーにも対応しています。 Markdown プレビューツールは、記事下書き、README、社内ドキュメント、チケット説明文などの見え方をブラウザ内ですぐ確認するためのページです。入力欄へ書いた Markdown をリアルタイムに HTML 化し、右側でプレビューできます。 見出し、強調、インラインコード、コードブロック、リンク、画像、箇条書き、番号付きリスト、引用、水平線、テーブルなど、日常的によく使う記法をカバーしています。生成された HTML はそのままコピーして別のエディタへ貼り付けられます。 安全性のため、HTML タグはそのまま解釈せずエスケープして扱います。処理はブラウザ内だけで完結し、入力した文書を外部へ送信しません。

よくある質問

Q: このツールは無料ですか?

はい、完全無料で登録不要です。すべての処理はブラウザ内で行われ、データが外部に送信されることはありません。

Q: 「HTML 出力を表示」と「単独改行を <br> に変換」はどう使い分けますか?

基本は「HTML 出力を表示」から設定し、必要に応じて「単独改行を <br> に変換」や「Markdown エディタ」で細かく調整します。設定を変えると「プレビュー」へ反映されるので、条件差を見比べながら調整できます。

Q: 「プレビュー」はそのまま再利用できますか?

はい。表示された「プレビュー」は「HTML をコピー」で持ち出しやすく、資料作成や別の実装作業へそのままつなげられます。条件を変えて複数パターンを作り、比較しながら使う運用にも向いています。

Q: スマートフォンでも使えますか?

はい、レスポンシブデザインに対応しており、スマートフォン・タブレットでもご利用いただけます。

よくある質問

Q.このツールは無料ですか?

A.はい、完全無料で登録不要です。すべての処理はブラウザ内で行われ、データが外部に送信されることはありません。

Q.「HTML 出力を表示」と「単独改行を <br> に変換」はどう使い分けますか?

A.基本は「HTML 出力を表示」から設定し、必要に応じて「単独改行を <br> に変換」や「Markdown エディタ」で細かく調整します。設定を変えると「プレビュー」へ反映されるので、条件差を見比べながら調整できます。

Q.「プレビュー」はそのまま再利用できますか?

A.はい。表示された「プレビュー」は「HTML をコピー」で持ち出しやすく、資料作成や別の実装作業へそのままつなげられます。条件を変えて複数パターンを作り、比較しながら使う運用にも向いています。

Q.スマートフォンでも使えますか?

A.はい、レスポンシブデザインに対応しており、スマートフォン・タブレットでもご利用いただけます。