HTMLからMarkdownへの変換ツール
HTMLを貼り付けると、きれいなMarkdownが得られます — 見出し、リスト、リンク、太字、斜体、コードブロック、シンプルなテーブル。すべてブラウザ内で変換され、複雑なレイアウトやスタイルは意図的に除外されます。
注意: Markdownはデザインではなく構造を表現します。CSSスタイル、色、複数列レイアウト、フォーム、結合されたテーブルセル、埋め込みウィジェットは除外されます — 得られるのはきれいなコンテンツ構造だけです。
よくある質問
- どのHTML要素がMarkdownに変換されますか?
- 見出しh1〜h6は#〜######になり、段落と改行は保持され、strong/bは**太字**に、em/iは*斜体*に、インラインコードは`code`に、preブロックはフェンスコードブロックに、リンクは[テキスト](url)に、画像はに、ul/olリストは-または番号付き項目(ネストを含む)に、blockquoteは>引用に、hrは---に、シンプルなテーブルはパイプテーブルになります。
- ネストされたリストにも対応していますか?
- はい。ネストされたulとolリストは、階層ごとにスペース2つでインデントされます。これがMarkdownでサブ項目を表現する方法です。番号付きリストは、各階層で1.、2.、3.と振り直されます。
- 変換ツールが認識しないタグはどうなりますか?
- div、span、section、articleのような未知のタグは解除されます:タグ自体は削除されますが、そのテキストコンテンツは保持されます。script、style、その他のコンテンツではないタグは完全に削除されます。
- HTMLのテーブルも変換できますか?
- シンプルなテーブルはMarkdownのパイプテーブルに変換され、最初の行がヘッダーとして使われます。結合セル(colspan/rowspan)とネストされたテーブルは、パイプテーブルでは表現できないため、対応していません。
- 私のHTMLはサーバーにアップロードされますか?
- いいえ。変換は、組み込みのDOMParserを使ってすべてブラウザ内で行われます — 貼り付けた内容がお使いの端末から出ることはありません。
- なぜMarkdownは元のページよりも簡素に見えるのですか?
- Markdownは、視覚的なデザインではなく、文書の構造だけを表現します。CSSスタイル、色、フォント、複数列レイアウト、フォーム、埋め込みウィジェットは意図的に除外されます — 得られるのはきれいなコンテンツ構造であり、それこそがMarkdownの目的です。