HTML から Markdown への変換
HTML をきれいな Markdown に変換します。見出し、リンク、リスト、コードブロック、GFM の表、取り消し線に対応し、ATX/Setext 見出しやフェンス付きコードも選べます。
すべてブラウザ内で実行されます。データがアップロードされることはありません。
関連ツール
すべて表示HTML から Markdownとは？
Web ページの一部、CMS のエクスポート、メールのマークアップなどの HTML を貼り付けると、きれいな Markdown が得られます。見出し、強調、リンク、画像、リスト、コードブロック、引用、表、取り消し線が変換され、スクリプトとスタイルは取り除かれます。
HTML から Markdownの使い方
- HTML の入力欄 に HTML を貼り付けるか、サンプルを読み込む や ファイルを開く を使います。
- 見出しのスタイル、コードブロック のスタイル、箇条書き記号 を選びます。
- Markdown の出力は入力に合わせて更新されます。コピー または ダウンロード を使います。
例
入力
<h1>Hi</h1><p><b>bold</b> <a href="https://x.io">x</a></p><ul><li>a</li></ul>
出力
# Hi **bold** [x](https://x.io) - a
HTML から Markdownを使うべき場面
ブログ記事やドキュメントを Markdown に移行するとき、Web のコンテンツを Markdown エディターに貼り付けるときに使います。複雑なレイアウト、colspan/rowspan を使った表、インラインスタイルは Markdown で表現できないため、簡略化されます。
HTML から Markdownの仕組み
HTML はブラウザー内で DOM に解析され、turndown で変換されます。追加のルールにより、GitHub Flavored Markdown の表（最初の行がヘッダーになり、セル内の | はエスケープされます）、<del>/<s> 用の ~~取り消し線~~、記号の後に半角スペース 1 つを置くリスト項目が加わり、<script>、<style>、<noscript> は取り除かれます。Markdown に相当するものがない要素は、テキスト内容だけが残ります。
一般的な使用例
- WordPress の記事を静的サイトジェネレーターに移行する
- Web ページのドキュメントを README にコピーする
- HTML メールのテンプレートを Markdown のメモに変換する
- Git ベースのドキュメント向けに CMS のエクスポートを整える
よくある質問
表には対応していますか？
はい。単純な表は GFM のパイプ表になります。結合セルは Markdown では扱えないため、平らにされます。
スクリプトとスタイルはどうなりますか？
完全に取り除かれます。
HTML はアップロードされますか？
いいえ。ブラウザー内でローカルに解析・変換されます。
おすすめの次のステップ
Markdown エディター
左右に並んだライブプレビューで Markdown を書けます。GitHub Flavored Markdown の表とタスクリスト、無害化された HTML 出力、.md／.html のダウンロードに対応。
README ジェネレーター
短いフォームに入力するだけで、バッジ、インストール、使い方、機能、コントリビュート、ライセンスの各節を備えた整った GitHub の README.md を作成。Markdown のライブプレビュー付き。
コードミニファイアー
JavaScript（Terser）、CSS（CSSO）、HTML、JSON、XML を 1 つのツールで圧縮。言語を選んでコードを貼り付けると、削減されたバイト数が分かります。無料でブラウザ内で動作。
コードビューティファイアー
定評あるフォーマッターで、14 言語のコードを統一された書式に整形します。JavaScript、TypeScript、HTML、CSS、SQL、PHP、Python などに対応し、ブラウザ内で動作します。
HTML ミニファイアー
HTML を安全に圧縮。コメントを削除し、空白をまとめ、ブロックタグの周りのスペースを取り除きつつ、pre、textarea、script、style はそのまま保ちます。
エスケープ/アンエスケープ
JSON、JavaScript、HTML、XML、URL コンポーネント、正規表現、SQL リテラル、CSS 文字列、シェル引数向けに、文字列をエスケープ・アンエスケープできる 1 つのツールです。