Web便利ツール集

ツール一覧 / Markdown ↔ HTML 変換

Markdown ↔ HTML 相互変換&プレビューツール

Markdown・HTMLを相互に変換しながら、表・タスクリスト・コードハイライトに対応したリッチプレビューを その場で確認できます。生コードのコピー、書式付きコピー、ファイルダウンロードにも対応しています。

Markdown入力
入力した内容はブラウザ内でのみ処理され、外部には送信されません。
プレビュー・生成コード
変換結果はリアルタイムに更新されます。コピー・ダウンロードもこの端末内のみで完結します。
左側に入力すると、ここにプレビューが表示されます

安全性について(ブラウザ完結の仕組み)

本ツールに入力・貼り付けされたMarkdownやHTMLは、すべてお使いのブラウザ上のJavaScriptのみで 処理されます。変換・プレビュー表示・コードハイライトにおいてサーバーへの通信・保存は一切行っていないため、 入力した内容が第三者やツール運営者に渡ることはありません。

プレビュー表示前には、スクリプトの埋め込みなどを取り除くサニタイズ処理(DOMPurify)を必ず適用しており、 安全に確認いただけます。

「生コードをコピー」「書式付きコピー」「ファイルダウンロード」もすべてブラウザのAPIのみで完結する処理であり、 外部への送信は発生しません。ページを閉じたり再読み込みしたりすると、入力内容はブラウザ上から消去されます。

使い方

  1. 1. 変換方向を選ぶ: 上部のタブで「Markdown → HTML」または「HTML → Markdown」を選択します。 「サンプル挿入」ボタンで、まずは動作イメージを確認することもできます。
  2. 2. 左側に入力する: テキストエリアに直接入力・貼り付けします。Markdownモードでは、見出し・太字・リスト・コード・表・ リンクをワンクリックで挿入できるツールバーも利用できます。
  3. 3. 右側で結果を確認する: 「プレビュー」タブでGFM(表・タスクリスト・取り消し線)やコードハイライトを反映した 見た目を、「生成コード」で変換後の生テキストを確認できます。
  4. 4. 出力を活用する: 「生コードをコピー」でテキストとして、「書式付きコピー」でWord・Googleドキュメント・Notion等に 装飾を保ったまま貼り付けられる形式でコピーできます。「ファイルダウンロード」で.mdまたは.htmlファイルとして保存も可能です。

よくある質問

入力したMarkdownやHTMLはサーバーに送信されますか?
送信されません。変換・プレビュー・コピー・ダウンロードのすべての処理はお使いのブラウザ内(JavaScript)で完結しており、外部のサーバーへ入力内容が送られることはありません。
「書式付きコピー」と「生コードをコピー」の違いは何ですか?
「生コードをコピー」は変換後のHTMLまたはMarkdownのテキストそのものをコピーします。「書式付きコピー」はブラウザのClipboard APIを使い、太字・見出し・表などの見た目を保ったままWord・Googleドキュメント・Notion等に直接貼り付けられる形式でコピーします。
表や取り消し線、タスクリストなどのGFM記法には対応していますか?
対応しています。GitHub Flavored Markdown(GFM)に準拠した表、タスクリスト(チェックボックス)、取り消し線をMarkdown → HTML、HTML → Markdownの両方向で変換できます。
コードブロックのシンタックスハイライトは自動で判定されますか?
コードブロックの言語を指定している場合はその言語で、指定がない場合はhighlight.jsの自動判定でハイライト表示します。対応言語やスタイルの一部は自動判定の精度に依存するため、正確なハイライトが必要な場合は言語を明示的に指定することをおすすめします。
HTML → Markdown変換では、どこまで元のレイアウトを再現できますか?
見出し・段落・強調・リンク・リスト・表・コードブロック・取り消し線など、Markdownで表現できる範囲の要素は変換されます。ただし、Markdownにはない装飾(文字色・フォント指定・複雑なレイアウトなど)は仕様上省略されます。