本文へ移動
Markdown → HTML
プレビューは無害化 · コピー用 HTML は生のソース。
ブログ

Markdown → HTML.

表・コード・引用の書式を確認し、生の HTML ソースを表示します。

入力

ツールを準備中です。準備が完了すると入力できます。表示が続く場合は、再読み込みするか JavaScript が有効か確認してください。 テスト用の文書で確認してください。実際の認証情報や機密文書は入力しないでください。

結果

書式プレビューでは画像は代替テキスト、リンクは移動しない文字で表示します。生の HTML とメディアは表示しません。
コピー用 HTML は無害化していない生のソースです。公開先の基準に合わせて再度無害化してください。

結果がここに表示されます。

MarkdownのプレビューとHTML出力

テスト用の文書で、表・コード・引用・打ち消し線の書式を確認できます。HTML ソースは元の変換結果です。公開用に無害化したソースではありません。

プレビューは無害化済み

レンダリングされた HTML はページに反映する前に DOMPurify を通すため、Markdown に潜む <script> や onerror 属性は実行されません。コピー用の HTML ソースは生の変換結果です。信頼できない入力を扱う場合は自前のサーバーで再度サニタイズしてください。

画像は代替テキスト、リンクはクリックできない文字として表示します。生の HTML と埋め込みメディアはブラウザーで解析する前に省くため、完全な Web ページの再現ではありません。元のタグはソース画面に残りますが、文字として表示し、実行しません。

変換する場所と限界

この変換はブラウザー内で行い、テキストを変換用サーバーへ送信しません。ただし、ブラウザー拡張機能やコピー先サービスの扱いまでは管理できません。実際の認証情報を試験入力に使わないでください。

FAQ

1回の改行は <br> になりますか?
いいえ。標準 Markdown に従い、1改行はソフトラップです。段落間は空行を、強制改行は行末に半角スペース2つを置いてください。
Markdown 内に生の HTML を貼れますか?
はい、ソースにはそのまま通りますが、書式プレビューでは表示しません。コードブロック内の HTML は、動く要素ではなく読み取れるコードとして残ります。