HTMLをMarkdownに変換する

コピーした記事の断片や書き出したHTMLを、ドキュメント・ノート・CMSに貼れるMarkdownに変換します。

このガイドで使う道具

やりたいこと

Webページの一部をコピーした、またはCMSからHTMLを書き出したとき、README・ノートアプリ・静的サイト用にMarkdownがほしい場面です。手で直すと見出しやリンクを書き直す手間になります。

使い方

HTMLソース（ページの描画結果ではなくソースや書き出したもの）を貼って変換します。見出しは `#` に、段落は段落のまま、リストと引用は構造を保ち、表はパイプ表、コードブロックはフェンス付きブロックになります。

  • リンクはURLスキームが http(s)・mailto・tel のときURLを保ち、それ以外はテキストに戻します。
  • 画像はaltテキストがある場合だけ `![alt](url)` になります。ない場合は捨てます。
  • 結果はそのままMarkdownエディタに貼れます。

具体例

`<h2>Plan</h2><p>Ship <strong>Friday</strong>.</p><ul><li>build</li><li>test</li></ul>` は `## Plan` の見出し、`Ship **Friday**.` の段落、`- build`・`- test` のリストになります。

注意点

貼ったHTMLを変換するだけで、URLの取得やJavaScriptの実行はしません。script・style・フォーム・フレーム・非対応タグは捨て、複雑な入れ子レイアウトはテキストに平たん化されます。入力は50万文字まで。表示文字だけほしい場合はHTML除去ツールの方が手軽です。