Markdown を HTML に変換する
Markdown(見出し、リスト、コードブロック、表、リンク)を HTML にレンダリングし、ブラウザやメールで表示できるようにします。
- 1
Markdown は開発者ドキュメントの共通語であり、HTML はブラウザーが描画する形式です。コードブロック、テーブル、インライン整形を適切に処理して Markdown を HTML に変換すると、そのまま公開できるコンテンツが得られます。
- 2 Markdown HTML コンバーター →
Markdown を貼り付けます。ツールは CommonMark と拡張構文 (テーブル、タスクリスト、取り消し線) を HTML にレンダリングします。コードブロックには構文ハイライト用のクラスが付きます。
- 3 Markdown テーブルコンバーター →
Markdown テーブル専用には、このツールで Markdown テーブル構文と HTML <table> などの形式を相互変換できます。
- 4
Web ページに挿入する前に、HTML 出力をサニタイズしてください。生の Markdown には <script> タグを含められます (インライン HTML は有効な Markdown です)。サニタイザー (DOMPurify) を使い、安全なタグと属性だけを許可します。
よくある質問
- コンバーターは GFM (GitHub Flavored Markdown) に対応していますか?
- ほとんどのコンバーターは GFM 拡張に対応しています。テーブル、タスクリスト ([x] 構文)、取り消し線 (~~)、オートリンクです。厳密な CommonMark が必要な場合は、ツールのオプションで個々の拡張を有効/無効にできるか確認してください。
- インライン HTML がそのまま出力されるのはなぜですか?
- Markdown は生の HTML のインライン記述を許しています。これは機能であり、バグではありません。Markdown の <b>bold</b> は HTML でも <b>bold</b> として描画されます。だからこそサニタイズが不可欠です。Markdown 内の <script>alert(1)</script> は、HTML では実行可能なスクリプトになります。
このタスクを解決するワークフロー
関連ツール
Markdown HTML コンバーター
Convert between Markdown and HTML online. Supports headings, bold, italic, code blocks, links, images, lists, tables, quotes, and horizontal rules。無料、プライベート、100%クライアントサイド。 ツール
Markdown テーブルコンバーター
Convert Markdown tables to CSV/JSON/HTML。無料、プライベート、100%クライアントサイド。 ツール
HTML エスケープツール
Escape or unescape HTML special characters online。無料、プライベート、100%クライアントサイド。 ツール