Dev Tools
HTMLをMarkdownに変換｜無料オンライン
HTMLを貼り付けるだけで、読みやすいMarkdownにすぐ変換。見出し、リスト、リンク、コードブロック、書式を自動で変換します。無料・登録不要。
ファイルは保存されませんすぐに完了登録不要
HTMLをMarkdownに変換する方法
- 1
HTMLを貼り付ける
HTMLの断片、またはページ全体のソースを左側の入力欄に貼り付けます。入力に合わせてMarkdownの出力がリアルタイムで更新されます。
- 2
Markdownを確認する
右側のパネルに変換後のMarkdownが表示されます。見出し、リスト、リンク、太字、斜体、コードブロックはMarkdown記法で保持されます。
- 3
結果をコピーする
「Markdownをコピー」をクリックするとクリップボードにコピーされ、任意のMarkdownエディタに貼り付けられます。
MarkdownはHTMLよりも書きやすく読みやすいプレーンテキスト形式で、多くの最新ツールでは書式付きで表示されます。既存のHTMLコンテンツをMarkdownに変換すると、静的サイトジェネレーターへの移行、GitHubでのドキュメント作成、MarkdownベースのCMSへのコンテンツ移行に役立ちます。
仕組み：変換にはJavaScriptライブラリのTurndownを使用します。HTMLのDOMをたどり、各要素を対応するMarkdownに置き換えます。見出しは #、太字は **テキスト**、リンクは [テキスト](url) になり、コードブロックはバッククォート3つで囲まれます。処理はすべてお使いのブラウザ内で行われ、HTMLがサーバーに送信されることはありません。
制限事項：HTMLのテーブル、複雑なCSSスタイル、フォーム、スクリプトにはMarkdownの対応表現がないため、簡略化されるか省略されます。表が多い文書では、HTMLのほうが適している場合があります。