機能
HTML → Markdown 変換ツールは、HTML のマークアップをきれいで読みやすい Markdown に変換します。CMS のブログ記事を静的サイトジェネレーターに移す、既存の Web ページから README を書く、ドキュメントをノートとして保存する、Markdown 対応の Wiki や GitHub Issue、チャット向けにコンテンツを用意するといった場面で使えます。
出力は一般的な Markdown の慣例に従います。# の見出し、- のリスト項目、元の言語を保ったフェンス付きコードブロック、GitHub Flavored Markdown の表と取り消し線です。書式と誤解されないよう、必要に応じてテキストをエスケープします。
使い方
- 入力欄に HTML を貼り付けるか、
.htmlファイルをアップロードするか、「サンプル」をクリックします。 - プロジェクトに決まりがあればスタイルを調整します。リスト記号、フェンスかインデントのコードブロック、斜体と太字の記号、インラインか参照形式のリンクを選べます。
- Markdown をコピーするか、
.mdファイルとしてダウンロードします。
例
この HTML は
<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>次の Markdown になります。
## Install
Run the **installer** and read the [guide](https://example.com).
- Windows
- macOSヒント
- ブラウザーからコピーするときは、ページのソースや開発者ツールで記事要素の HTML だけを取り出すと、メニューやフッターが結果に混ざりません。
- 参照形式のリンクを使うと長い URL が本文から末尾に移り、Markdown が読みやすく編集しやすくなります。
- 埋め込みの
data:画像は数百 KB になることがあるため、既定では削除されます。残したい場合はオプションをオンにしてください。 - 逆方向の変換には Markdown → HTML 変換ツールを使うか、Markdown プレビューで結果を確認できます。
よくある質問
› どの HTML 要素が変換されますか？
見出し、段落、太字、斜体、取り消し線、リンク、画像、番号付き・番号なしリスト（入れ子を含む）、引用、インラインコード、言語付きコードブロック、水平線、改行、表です。表は GitHub Flavored Markdown の表になります。
› スクリプトやスタイル、ページの head はどうなりますか？
削除されます。script、style、noscript、template、svg、iframe と head 全体は Markdown を生成しないので、Web ページ全体のソースを貼り付けても読める内容だけが得られます。
› Markdown で表現できない HTML はどうなりますか？
未知のタグは外され、中のテキストは残ります。class、インラインスタイル、id などの属性は Markdown に対応する記法がないため削除されます。code 要素に language-js のような class があれば、コードブロックは言語を保持します。
› 一部の文字にバックスラッシュが付くのはなぜですか？
1. で始まる行やアスタリスクで囲まれた語など、そのままだと Markdown の書式になってしまうテキストをエスケープし、元の HTML のテキストどおりに表示されるようにしています。
› HTML はアップロードされますか？
いいえ。変換はブラウザー内の JavaScript 製 HTML パーサーで行われ、サーバーには何も送信されません。