Markdown から HTML への変換
Markdown を HTML に変換します。GitHub Flavored Markdown の表やタスクリストに対応し、サニタイズ済みのライブプレビューと、生の HTML のコピー・ダウンロードが可能。
すべてブラウザ内で実行されます。データがアップロードされることはありません。
関連ツール
すべて表示Markdown から HTMLとは？
Markdown を書くか貼り付けると、それが生成する HTML とレンダリングされたプレビューが得られます。GitHub Flavored Markdown（表、タスクリスト、取り消し線、自動リンク）に対応しており、単一の改行を <br> にすることもできます。
Markdown から HTMLの使い方
- Markdown 入力 に Markdown を貼り付けるか、サンプルを読み込む や ファイルを開く を使います。
- GitHub Flavored Markdown と 改行を <br> にする を切り替えます。
- HTML 出力の下の プレビュー を確認します。
- HTML の出力は入力に合わせて更新されます。コピー または ダウンロード を使います。
例
# Hi **bold** and *it*
<h1>Hi</h1> <p><strong>bold</strong> and <em>it</em></p>
Markdown から HTMLを使うべき場面
README の文章、ブログの下書き、ドキュメントを CMS やメール用の HTML に変換するときに使います。生の HTML の出力はサニタイズされません。信頼できないユーザーの Markdown の場合は、公開前にサーバー側で HTML をサニタイズしてください。
Markdown から HTMLの仕組み
Markdown は、CommonMark 互換のパーサー marked で変換され、有効な場合は GFM 拡張も使われます。生の HTML の出力は、Markdown 内に書いた HTML も含めて marked が生成したままの内容です。プレビューは表示前に DOMPurify を通り、スクリプト、onerror などのイベントハンドラー、その他の危険なマークアップが取り除かれます。
一般的な使用例
- README の一節を Web サイト用の HTML に変換する
- Markdown に対応していない CMS 用の HTML を用意する
- GitHub 形式の表がどう表示されるか確認する
- HTML メールの内容を Markdown で書く
よくある質問
出力された HTML は安全ですか？
プレビューは DOMPurify でサニタイズされています。生の HTML は marked が生成した内容を確認できるよう変更せずに返されるため、信頼できない内容を公開する前には自分でサニタイズしてください。
どの Markdown 方言が使われますか？
marked による CommonMark で、GFM のオプションがオンのときは GitHub Flavored Markdown の拡張も加わります。
単一の改行が無視されるのはなぜですか？
標準の Markdown では単一の改行はスペースとして扱われます。GitHub のコメントのように改行を残すには、改行を <br> にする を有効にしてください。