Markdown を HTML に変換

Markdown をクリーンで自己完結したスタイル付き HTML ページに。サニタイズ済み、外部依存なし、公開できる状態です。

ずっと無料 · ブラウザ内で実行 · 登録不要 · 忠実度レポート付き

最終検証:2026-10-25 · engine v0.5.0 · 変更履歴

Markdown を HTML に変換する(3 ステップ)

1. Markdown を貼り付けMarkdown を貼り付け
2. 出力タイプを選択フラグメントかスタイル付き完全文書かを選択
3. HTML をコピーHTML をコピーまたはダウンロード

例:Markdown → HTML

見出し、リンク付き段落、表 — スタイルシートは表示用に省略。

入力(Markdown)
# Quarter in review

Revenue grew **18%** — see [the report](https://example.com/report).

| Region | Q4 |
|---|---:|
| EMEA | 1.4M |
出力(html)

ツールの本物の出力を、サンドボックス化されたフレーム内に描画(スクリプト無効)。ソースは下。

HTML の正確なソースを表示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ex</title>
<style>body{max-width:760px;margin:40px auto;…}</style>
</head>
<body>
<h1>Quarter in review</h1>
<p>Revenue grew <strong>18%</strong> — see <a href="https://example.com/report">the report</a>.</p>
<table>
<thead>
<tr><th>Region</th><th>Q4</th></tr>
</thead>
<tbody>
<tr><td>EMEA</td><td>1.4M</td></tr>
</tbody>
</table>
</body>
</html>

ネイティブ変換される要素(されない要素)

要素HTML での結果
見出し 1–6ネイティブ — 本物の <h1>–<h6> 要素
太字・斜体・取り消し線ネイティブ — <strong>、<em>、<del>
リンクネイティブ — <a href>。javascript:/data:/file: URL は除去
箇条書き・番号付き・タスク リストネイティブ — <ul>/<ol> に加えてタスク用の無効化済みチェックボックス
GFM 表ネイティブ — 整列スタイル付きのセマンティックな <table> マークアップ
コードブロックネイティブ — フェンス化された <pre><code class="language-…"> — ハイライトは任意のスタイルで
ブロック引用ネイティブ — <blockquote> 要素
画像ネイティブ — インライン参照は記述どおりに保持。取得は一切ありません
脚注ネイティブ — 文末にリンク付きの本物の注記セクション
数式(LaTeX)ネイティブ — HTML 数式として描画 — 本物の上下付き文字、積み重ね分数、上線付き根号 — 対応サブセットは(エンジン v0.4.0)。それ以外はスタイル付きソーステキストのままフラグ表示
生の HTMLオプトイン — 既定ではオフ。有効時は厳格なサニタイズ許可リストを通過
フロントマター(YAML)ネイティブ — title/author/description はページの <title> とメタ description/author に対応。その他のキーはレポートに列挙

要素ごとの完全な検証結果と試験日:対応フォーマット。

このツールにできないこと

  • 不可: 素のフラグメント出力 — エンジンはスタイル付きの完全ページを出力します(フラグメント モードは計画中)
  • 不可: カスタム テーマや CSS — 同梱のスタイルシートは固定です
  • 不可: シンタックス ハイライト — コードブロックは言語クラスを運び、スタイルはご自身で

Markdown → HTML 変換 の活用シーン

Markdown をどの CMS でも公開草稿を WordPress、Ghost、Blogger、ドキュメント プラットフォーム向けのクリーンでサニタイズされた HTML に変換。スクリプトなし、トラッキングなし、壊れたマークアップなし。
オフラインで動くスタンドアロン ページスタイル付きで自己完結する HTML ファイルをエクスポート — スタイルシートは同梱され取得はゼロ。ディスク、USB メモリ、隔離マシンからでも開けます。

よくある質問

出力は安全に公開できますか?

はい。入力の生 HTML は既定で無効で、出力はサニタイズされます — スクリプトが含まれることはありません。

スタイル付きのスタンドアロン ページは作れますか?

はい — 「スタンドアロン文書」を選ぶと、スコープされたクリーンなスタイルを持つ完全な HTML ファイルが得られます。外部依存はありません。

HTML はそのまま公開して安全ですか?

はい。Markdown 内の生 HTML は既定でオフで、有効にした場合も通過は厳格な許可リストを経由します — スクリプト、イベント ハンドラ、危険な URL は生き残れません。リンクと画像は URL チェックも受けます。

出力にインターネットは必要ですか?

必要ありません。スタイルシートはインライン化され、何も取得しません — 外部フォントもスクリプトもないため、オフラインでも、ファイルからでも、USB メモリからでも動きます。

<html> と CSS 抜きのフラグメントだけ欲しいのですが?

エンジンはスタイル付きの完全ページを出力します。素のフラグメント モードは計画中。現時点では <body> タグ間のセクションをコピーできます。

Markdown → 画像ツールとは何が違いますか?

こちらは公開用の本物の選択可能な HTML マークアップを作ります。画像ツールはチャットや SNS 向けのスナップショット カードを描画します。同じエンジン、異なる出力です。

生成される HTML は SEO フレンドリーですか?

はい — 出力はセマンティックな HTML5:本物の h1–h6 見出し、strong/em 要素、セマンティックな表マークアップ、言語タグ付きコードブロック。クローラーがつまずくインライン スクリプトや外部依存はありません。

出力は WordPress や CMS に貼り付けられますか?

はい。マークアップはスタイルシート同梱の標準 HTML です。body タグ間のセクションをカスタム HTML ブロックに貼るか、ファイル全体をスタンドアロン ページとして使えます。

関連ツール

関連検索: html markdown 変換 · markdown word 変換 · markdown エディター · markdown 画像 変換