Markdown⇔HTML変換ツール(プレビュー付き)
Markdownを入力すると、リアルタイムでHTMLに変換してプレビュー表示します。生成されたHTMLソースはそのままコピーでき、逆にHTMLを貼り付けてMarkdownに変換することもできます。GitHubのREADMEやブログ記事の下書き確認に便利です。変換後の文章の文字数を数えたい場合は 文字数カウント もあわせてご利用ください。
🔒 ブラウザ内で完結・入力データはサーバーに送信されません
※ プレビューは安全のためサニタイズして表示しています。<script>タグなど一部の要素は表示されません。
注意事項
- プレビューは安全のためサニタイズして表示するため、scriptタグなど一部のHTML要素は表示されません。
- Markdownの解釈は環境ごとに細かな違いがあります。GitHubなど特定のサービスに掲載する場合は、そのサービス上の表示も確認してください。
- HTMLからMarkdownへの変換では、表はセルの文字だけのMarkdown表になり(結合セルは展開されません)、<script>・<style> の中身は出力されません。複雑なレイアウトや装飾を完全には再現できない場合があります。変換後の内容を確認してください。
用語解説
Markdown
見出しや箇条書き、リンクなどを簡単な記号で表現できる軽量マークアップ言語です。READMEファイルやブログ記事の執筆などで広く使われています。
HTML
HyperText Markup Language の略で、Webページの構造を表現するマークアップ言語です。ブラウザはHTMLを解釈して画面に表示します。
GFM(GitHub Flavored Markdown)
GitHubで採用されている拡張Markdown記法です。テーブルや取り消し線、タスクリストなどが使えます。本ツールもGFM記法に対応しています。
サニタイズ
入力されたHTMLから、スクリプトの実行など危険な要素を安全に取り除く処理です。本ツールはプレビュー表示前に自動でサニタイズを行っています。
よくある質問
プレビューでHTMLタグが表示されないことがあるのはなぜですか?
プレビューは安全のためにサニタイズして表示しています。scriptタグなど一部の要素は表示されません。生成されたHTMLソースのコピーは、そのまま利用できます。
HTMLからMarkdownへの変換もできますか?
はい。「HTML→Markdown」に切り替えてHTMLを貼り付けると、見出し・リスト・リンク・コードブロック・表をMarkdownに変換できます。見出しや箇条書きの書式、画像・リンクの除去も選べます。複雑なレイアウトや装飾は完全には再現できない場合があるため、変換後の内容を確認してください。
GitHubのREADMEと同じ表示になりますか?
基本的な記法は同じように表示されますが、環境ごとに拡張記法や見た目が異なります。GitHub固有の機能は、実際にGitHub上で確認してください。
このページをシェア
