本文へスキップ

HTMLからMarkdownへの変換ツール

HTMLを貼り付けると、きれいなMarkdownが得られます — 見出し、リスト、リンク、太字、斜体、コードブロック、シンプルなテーブル。すべてブラウザ内で変換され、複雑なレイアウトやスタイルは意図的に除外されます。

注意: Markdownはデザインではなく構造を表現します。CSSスタイル、色、複数列レイアウト、フォーム、結合されたテーブルセル、埋め込みウィジェットは除外されます — 得られるのはきれいなコンテンツ構造だけです。

よくある質問

どのHTML要素がMarkdownに変換されますか?
見出しh1〜h6は#〜######になり、段落と改行は保持され、strong/bは**太字**に、em/iは*斜体*に、インラインコードは`code`に、preブロックはフェンスコードブロックに、リンクは[テキスト](url)に、画像は![代替テキスト](src)に、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の目的です。

関連ツール