📝 開発者ツール

HTML→Markdown変換

HTMLを貼り付けて「変換」を押すだけで、読みやすいMarkdownに変換します。見出し・リスト・リンク・強調・コードブロック・引用に加え、GFM拡張の表・打ち消し線・タスクリストにも対応。結果はコピーや .md ダウンロードで持ち出せます。処理はすべてブラウザ内で完結します。

例(クリックで試す)
HTMLを貼って「変換」を押すと、ここにMarkdownが出ます

HTML→Markdown変換の使い方

はじめての方は「例(クリックで試す)」を押してみてください。サンプルHTMLが入るので、「Markdownに変換」を押すと結果がすぐ表示されます。あとは上のテキストエリアにHTMLソースを貼り付けて変換するだけです。見出しの書き方や箇条書きの記号は、必要に応じてオプションで切り替えられます。

  • 貼って変換:HTMLソースを貼り付けて「Markdownに変換」を押すと、対応する要素をMarkdown記法に置き換えます。
  • 見出しスタイル# 見出し(ATX)と、下線で表す Setext(=== / ---)を選べます。
  • 箇条書き記号:リストの行頭を -(ハイフン)か *(アスタリスク)から選べます。
  • コピー / ダウンロード:変換結果はワンクリックでコピーでき、.md ファイルとして保存もできます。

対応する要素(GFMの表・コードなど)

見出し・段落・リンク・太字/斜体などの強調・番号なし/番号付きリスト・コードブロック・インラインコード・引用に対応します。加えて GitHub Flavored Markdown(GFM)拡張として、表(テーブル)打ち消し線チェックボックス付きのタスクリストもMarkdownに変換します。

こんな場面で便利です

  • WebページやHTMLメールの一部を、READMEやドキュメントのMarkdownに移したいとき
  • CMSやリッチテキストエディタで作った本文を、Markdown管理のリポジトリに取り込みたいとき
  • コピーしたHTMLの表を、GitHubのIssueやPRに貼れるMarkdownの表にしたいとき
  • 装飾だらけのHTMLから、構造(見出し・リスト・リンク)を保ったままテキスト化したいとき

逆方向・関連ツールと組み合わせると便利です。Markdownを書いてHTMLの見た目を確認したいときは Markdownプレビュー(md→HTML)、タグを外して装飾のないプレーンテキストだけが欲しいときは HTMLからテキスト抽出 をどうぞ。この3つは相互に補完する関係で、用途に応じて使い分けられます。

よくある質問

入力したHTMLはサーバーに送信されますか?
いいえ。HTMLからMarkdownへの変換はすべてお使いのブラウザ内(クライアントサイド)で完結し、貼り付けたHTMLが外部に送信・保存されることはありません。社内資料やメールのHTMLでも安心してご利用いただけます。
どんなHTML要素をMarkdownに変換できますか?
見出し、段落、リンク、太字・斜体などの強調、番号なしリストと番号付きリスト、コードブロックとインラインコード、引用に対応します。さらにGFM拡張として、表・打ち消し線・チェックボックス付きのタスクリストもMarkdownに変換します。
Markdownプレビューやテキスト抽出ツールとは何が違いますか?
このツールはHTMLをMarkdownに変換します。逆にMarkdownを書いてHTMLの見た目を確認したいときはMarkdownプレビュー、タグを外して装飾のないプレーンテキストだけが欲しいときはHTMLからテキスト抽出をお使いください。3つは相互に補完する関係です。