本文へスキップ
SPCXTools

HTML Markdown 変換

HTMLやWebページからコピーしたリッチテキストを、クリーンで読みやすいMarkdownに変換します。

ローカルで動作 — ファイルは端末から出ません

ツールを読み込み中…

HTML Markdown 変換の使い方

  1. 1左側のボックスにHTMLコードを貼り付けるか、Webページやドキュメントの一部をコピーして貼り付けます。書式は自動的に認識されます。
  2. 2見出しのスタイル、リストマーカー、GitHub-flavored Markdown(表や取り消し線)を使用するかどうかを選択します。
  3. 3入力すると同時に、右側にMarkdownが表示されます。
  4. 4コピーするか、.mdファイルとしてダウンロードします。

HTMLをMarkdownに変換

Markdownは、READMEファイル、ドキュメントサイト、静的サイトジェネレーター、Wiki、ObsidianやNotionなどのノートアプリ、そして多くのAIツールで使われている記述フォーマットです。CMSのブログ記事、古いウェブサイトのページ、メールマガジン、ワープロソフトのメモなど、既存のコンテンツをMarkdownに移行する場合、通常はリンクや書式を手作業で入力し直す必要があります。このコンバーターを使えば、HTMLやリッチテキストを貼り付けるだけで、きれいなMarkdownに瞬時に変換できます。

機能

  • HTMLやリッチテキストの貼り付け — クリップボードから書式付きテキストを貼り付けると自動的に変換されます。
  • 見出し、強調、リンク、画像、リスト、引用、コード の変換にすべて対応しています。
  • フェンス記法によるコードブロック — 言語指定がある場合はそのまま保持されます。
  • GitHub Flavored Markdown のテーブル(表)と打ち消し線に対応しています。
  • スタイルの選択 — 見出しや箇条書きのスタイルを選べます。
  • スクリプトとスタイルの削除 — 不要なタグを除去し、クリーンな結果を出力します。
  • プライバシー保護: データは一切アップロードされません。

変換例

HTML Markdown
<h2>Title</h2> ## Title
<strong>bold</strong> **bold**
<em>italic</em> *italic*
<a href="https://example.com">link</a> [link](https://example.com)
<img src="a.png" alt="Logo"> ![Logo](a.png)
<ul><li>item</li></ul> - item
<code>npm i</code> `npm i`

関連ツール

逆方向の変換にはMarkdownをHTMLに変換を、コードサンプルのHTMLエスケープにはHTMLエンコード・デコードを、変換したテキストの文字数・単語数をカウントするには文字数カウントをご利用ください。

よくある質問

Webページのコンテンツを直接貼り付けられますか?
はい。ブラウザやWord、Googleドキュメントから書式付きテキストをコピーすると、クリップボードにHTMLが保持されます。入力ボックスに貼り付けると自動的にそのHTMLが使用され、見出し、リンク、太字、リストなどがそのまま反映されます。
表(テーブル)には対応していますか?
はい。GitHub-flavored Markdownを有効にすると対応します。シンプルな表はMarkdownのパイプテーブルに変換されます。結合されたセルを持つ表はMarkdownで表現できないため、HTMLのまま保持されます。
スタイル、スクリプト、レイアウトはどうなりますか?
Markdownは構造のみを記述するため、CSS、色、フォント、レイアウトは破棄されます。scriptタグやstyleタグは完全に削除されます。フォームなど、Markdownに該当しない要素は除外されるか、プレーンテキストとして保持されます。
ATX見出しとSetext見出しの違いは何ですか?
ATX見出しはハッシュマーク(# Title、## Section)で始まり、6段階すべてのレベルに対応しています。Setext見出しはタイトルの下に===や---で下線を引き、上位2レベルのみに対応します。一般的にはATXがよく使われます。
入力したデータはアップロードされますか?
いいえ。変換はすべてお使いのブラウザ内で処理されます。