Markdown を HTML に変換
Markdown をクリーンで自己完結したスタイル付き HTML ページに。サニタイズ済み、外部依存なし、公開できる状態です。
ずっと無料 · ブラウザ内で実行 · 登録不要 · 忠実度レポート付き
最終検証:2026-10-25 · engine v0.5.0 · 変更履歴
Markdown を HTML に変換する(3 ステップ)
例:Markdown → HTML
見出し、リンク付き段落、表 — スタイルシートは表示用に省略。
# Quarter in review
Revenue grew **18%** — see [the report](https://example.com/report).
| Region | Q4 |
|---|---:|
| EMEA | 1.4M |
ツールの本物の出力を、サンドボックス化されたフレーム内に描画(スクリプト無効)。ソースは下。
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 変換 の活用シーン
よくある質問
出力は安全に公開できますか?
はい。入力の生 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 変換
HTML ソースやリッチテキストをクリーンな Markdown に。スクリプトとトラッカーを除去し、構造は保ちます。無料でプライベート。
Markdown → Word 変換
Markdown(MD)を編集可能な本物の .docx Word ファイルに変換。ブラウザ内で完結、無料、登録不要、アップロードもなし。
Markdown エディター
ブラウザで Markdown を書いてプレビュー。リアルタイムの書式、文字数カウント、PDF/Word への即時エクスポート。
Markdown → 画像変換
ノート、表、コードをシェアできる画像に
関連検索: html markdown 変換 · markdown word 変換 · markdown エディター · markdown 画像 変換