HTML to Markdown

HTML コンテンツを Markdown フォーマットに素早く変換します。豊富なカスタマイズオプションをサポートします。コンテンツ移行、ドキュメント整理、ナレッジベース管理などのシーンに適用されます。完全にブラウザ内で実行され、コンテンツのプライバシーを保護します。

機能の特徴

完全なフォーマットサポート

• 見出し: H1-H6 を Markdown 見出しに変換
• 段落: 段落構造と改行を保持
• 強調: 太字、斜体、取り消し線
• リスト: 順序付きリスト、順序なしリスト、ネストされたリスト
• リンク: ハイパーリンクと画像
• コード: インラインコードとコードブロック
• 引用: ブロック引用
• テーブル: 基本的なテーブル構造
• 区切り線: 水平区切り線

柔軟な設定オプション

最大 12 項目の設定オプションを提供し、異なる変換ニーズに対応します。

見出しスタイル

• Setext: === と --- の下線を使用(H1 と H2 のみ)
• ATX: # 記号のプレフィックスを使用(推奨、より汎用的)

水平区切り線

区切り線のスタイルをカスタマイズでき、例: * * *、--- または ___

順序なしリストマーカー

*、- または + をリスト項目マーカーとして選択

コードブロックスタイル

• インデント式: 4 つのスペースでインデント
• フェンス式: 3 つのバッククォートで囲む(推奨、構文ハイライトをサポート)

コードフェンス

``` または ~~~ をコードブロックマーカーとして選択

強調区切り文字

• 斜体: _ または * を選択
• 太字: ** または __ を選択

リンクスタイル

• インライン式: [テキスト](URL) (推奨)
• 参照式: [テキスト][ref] + [ref]: URL

リンク参照スタイル

• 完全: [テキスト][ref] + [ref]: URL
• 折りたたみ: [テキスト][] + [テキスト]: URL
• ショートカット: [テキスト] + [テキスト]: URL

整形済みコード

<pre> タグ内のフォーマットを保持

ファイルアップロードサポート

HTML ファイル(.html または .htm)を直接アップロードでき、コピー&ペーストは不要です。ファイルサイズ制限は 10MB です。

ワンクリックダウンロード

変換完了後、Markdown ファイル(.md)を直接ダウンロードできます。ファイル名は converted.md です。

使用シーン

コンテンツ移行

• WordPress、Medium などのプラットフォームからコンテンツをエクスポート
• ウェブページコンテンツを Markdown ドキュメントに変換
• 古いウェブサイトのコンテンツを静的サイトジェネレーター(Hugo、Jekyll など)に移行
• 複数のソースからのコンテンツを統一フォーマットに統合

ドキュメント管理

• 保存したウェブページを Markdown ノートに整理
• メールコンテンツをプレーンテキストフォーマットに変換
• 個人的なナレッジベースを構築
• 重要な記事と資料をアーカイブ

開発と執筆

• リッチテキストエディターのコンテンツを Markdown に変換
• 技術ドキュメントと README ファイルを準備
• ブログ記事を執筆
• プロジェクトドキュメントを作成

学習研究

• オンラインコースのノートを保存
• 学術資料を整理
• 記事の段落を抜粋
• 学習カードを作成

使用方法

方法 1: コンテンツを貼り付け

1. 変換する HTML コードをコピー
2. HTML 入力ボックスに貼り付け
3. 自動生成された Markdown 結果を確認
4. ダウンロードボタンをクリックしてファイルを保存(オプション)

方法 2: ファイルをアップロード

1. アップロードエリアをクリックして HTML ファイルを選択
2. ファイルコンテンツが入力ボックスに自動的に読み込まれるのを待つ
3. 変換結果を確認
4. Markdown ファイルをダウンロード(オプション)

カスタマイズ設定

1. 「変換オプション」パネルを展開
2. ニーズに応じて各設定項目を調整
3. 変換結果がリアルタイムで更新される

設定の推奨事項

推奨設定(ほとんどのシーンに適用)

• 見出しスタイル: ATX
• コードブロックスタイル: フェンス式
• コードフェンス: ```
• リンクスタイル: インライン式
• 順序なしリスト: * または -
• 強調: 斜体 _、太字 **

GitHub スタイル

• 見出しスタイル: ATX
• コードブロックスタイル: フェンス式
• コードフェンス: ```
• 順序なしリスト: -

シンプルスタイル

• 見出しスタイル: Setext
• コードブロックスタイル: インデント式
• リンクスタイル: 参照式(行内のノイズを減らす)

注意事項

• 複雑な HTML 構造は完全に変換できない場合があります
• CSS スタイル情報は失われます
• JavaScript コードは無視されます
• 一部の HTML5 新要素はサポートされていない可能性があります
• テーブル変換は手動調整が必要な場合があります

変換品質

完全サポート

• 標準 HTML タグ(h1-h6、p、strong、em、a、img など)
• リスト構造
• コードブロック
• 引用ブロック

部分サポート

• 複雑なテーブル(手動調整が必要な場合があります)
• ネスト構造(複数層のリストまたは引用)
• 特殊文字のエスケープ

非サポート

• CSS スタイル
• JavaScript 機能
• HTML5 固有要素(例: <video>、<canvas>)
• フォーム要素

プライバシー保護

完全にクライアント側で処理され、HTML コンテンツと変換結果はブラウザから離れません。ページを閉じるとすべてのデータは自動的にクリアされます。

他のツールとの比較

オンライン変換サービスと比較して、本ツールはより多くのカスタマイズオプション、ファイルアップロードサポート、プライバシー保護を提供します。コマンドラインツールと比較して、本ツールはインストール不要で、インターフェースがフレンドリー、即座にプレビューできます。