Markdown → HTML 変換

marked で Markdown を HTML に変換し、必要に応じて DOMPurify でサニタイズ。プレビュー、コピー、ダウンロード。

Markdown
Markdown を直接編集するかテキストファイルを読み込み、1 つの作業画面で出力を整えられます。
文字数 0行数 0
生成された HTML
文字数 0行数 0HTML
出力をサニタイズ

プレビュー、コピー、ダウンロード、印刷の前に危険なタグや属性を取り除きます。

まだ HTML がありません

Markdown を入力または読み込むと、ライブプレビューと書き出し用 HTML を生成できます。

プレビュー
現在の HTML 断片を、軽いドキュメントスタイル付きのサンドボックス内で描画します。
まだ HTML がありません
Markdown を入力または読み込むと、ライブプレビューと書き出し用 HTML を生成できます。

このコンバーターを使う理由

Markdown はドキュメント、リリースノート、軽量なコンテンツの下書きに向いていますが、公開先では通常 HTML が必要になります。このツールは両方を同時に見せてくれるので、Markdown を書くまたは読み込み、生成された断片を確認し、書き出す前にスタイル付きプレビューを確かめられます。

ここでできること

  • Markdown を直接貼り付ける、またはプレーンテキストファイルを読み込む。
  • プレビューや共有用により安全な出力がほしいときはサニタイズを有効にする。
  • レンダリング済みプレビューと正確な HTML 断片を同時に確認する。
  • ブラウザーを離れずにコピー、ダウンロード、印刷、再編集を続ける。

サニタイズ済み HTML と生の HTML

サニタイズは生成結果から危険なタグや属性を取り除きます。通常の公開、CMS ブロック、メール断片、共有ドキュメントでは有効のまま使うのがおすすめです。Markdown パーサーが返した生の断片を明示的に確認したいときだけ無効にしてください。

代表的な利用例

  • README の一部を埋め込み用 HTML ブロックに変換する。
  • Markdown の下書きから CMS 用コンテンツを整える。
  • サイトビルダーに貼り付ける前に生成マークアップを確認する。
  • 内容確認や承認のためにスタイル付きプレビューを印刷する。