HTMLからMarkdownへの変換

HTMLを貼り付けて、クリーンで読みやすいMarkdownに即座に変換します。

このツールについて

HTMLからMarkdownへの変換ツールは、HTMLマークアップをクリーンで 読みやすいMarkdownに変換する無料のブラウザベースユーティリティ です。CMSから静的サイトジェネレーターへのコンテンツ移行、 GitHubリポジトリ用のドキュメント変換、ウェブページからコピー したHTMLのクリーンアップなど、あらゆる場面で即座かつ正確に 変換を処理します。

すべての処理はネイティブDOMParser APIを使用してブラウザ内で 完結します。サーバーへのデータ送信は一切なく、社内ドキュメント、 独自のコードスニペット、個人的な通信内容などの機密コンテンツ でも安全に使用できます。サインアップ不要、レート制限なし、 入力データへの分析もありません。

この変換ツールは、見出し(h1〜h6)、太字、斜体テキスト、リンク、 画像、順序付き・順序なしリスト(ネスト対応)、コードブロックと インラインコード、引用、水平線、テーブル、取り消し線など、 包括的なHTML要素セットに対応しています。DOMツリーを再帰的に 走査し、深くネストされた構造や複雑な書式の組み合わせも処理 します。

出力スタイルをカスタマイズして、好みのMarkdown規約に合わせる ことができます。ATXスタイルの見出し(# 記号を使用)または Setextスタイル(h1とh2にアンダーラインを使用)を選択できます。 インラインリンクまたは参照スタイルのリンクを選択でき、フェンス 付きコードブロック(トリプルバッククォート)またはインデント コードブロック(4スペースインデント)を選べます。これらの オプションにより、既存のドキュメントワークフローにシームレスに 統合できるMarkdownを生成できます。

使い方

  1. 左側のHTML InputパネルにHTMLを貼り付けまたは入力します。
  2. 右側のMarkdown Outputパネルが入力に応じてリアルタイムで更新されます。
  3. 上部のドロップダウンで変換オプションを調整します:Heading styleLink styleCode block style
  4. Sample をクリックしてサンプルHTMLを読み込み、各種要素の変換結果を確認します。
  5. Copy をクリックするか Ctrl+Shift+C を押して、Markdown出力をクリップボードにコピーします。
  6. Clear をクリックして両方のパネルをリセットします。

人気のHTML→Markdown変換例

すべてのHTML→Markdown変換例を見る →

よくある質問

データは安全ですか?

はい。すべての変換はネイティブDOMParser APIを使用してブラウザ内のクライアントサイドで行われます。サーバーへのデータ送信はなく、入力に対するログや分析もありません。機密性の高い独自コンテンツでも安全に使用できます。

対応しているHTML要素は何ですか?

見出し(h1〜h6)、太字(<strong>、<b>)、斜体(<em>、<i>)、リンク(<a>)、画像(<img>)、ネスト対応の順序付き・順序なしリスト、コードブロック(<pre><code>)、インラインコード(<code>)、引用、水平線、ヘッダー付きテーブル、改行、段落、取り消し線(<del>、<s>)に対応しています。

ATX見出しとSetext見出しの違いは何ですか?

ATX見出しはハッシュ記号(# 見出し1、## 見出し2 など)を使用し、6段階すべてに対応しています。Setext見出しはアンダーラインを使用します:h1は ===、h2は --- です。Setextはh1とh2の2段階のみに対応し、h3〜h6は設定に関係なく常にATXスタイルで出力されます。

参照スタイルのリンクとは何ですか?

インラインリンクはURLを直接含みます:[テキスト](https://example.com)。参照スタイルのリンクは番号や名前の参照を使用します:[テキスト][1] とし、ドキュメント末尾に [1]: https://example.com と定義します。参照スタイルは本文テキストをすっきりさせ、同じURLを複数回使用する場合の管理が容易です。

不正な形式や部分的なHTMLも処理できますか?

はい。ブラウザ組み込みのDOMParserを使用しており、不正なHTMLに対して非常に寛容です。閉じタグの欠落、不適切にネストされた要素、HTMLフラグメントなどを正常に処理します。パーサーが構造を修正してから変換するため、最良のMarkdown出力が得られます。

Markdownテーブルに対応していますか?

はい。<table>、<thead>、<tbody>、<tr>、<th>、<td>要素を持つHTMLテーブルは、適切な配置セパレーター付きのGitHub Flavored Markdown(GFM)テーブル構文に変換されます。明示的な<thead>がないテーブルは、最初の行がヘッダーとして使用されます。

利用可能なキーボードショートカットは何ですか?

Ctrl+Shift+Cを押すと、CopyボタンをクリックせずにMarkdown出力をクリップボードにコピーできます。

関連ツール