Markdown ⇄ HTML 変換とは?
Markdown は書きやすく読みやすいプレーンテキストの記法で、README・ブログ・メモに使われます。HTML は Web ページの言語です。このツールは両者を相互変換します:Markdown をページに貼れる HTML にしたり、HTML をきれいな Markdown に戻したり——結果はリアルタイムでプレビューできます。すべてブラウザ内で処理し、アップロードしません。
使い方
- Markdown か HTML を入力欄に貼り付けます(ファイルのドロップも可)。
- 「Markdown → HTML」または「HTML → Markdown」を押します。
- ソースをコピー・ダウンロード。「プレビュー」を開くと整形後の見た目を確認できます。
活用シーン
- Markdown の README やメモを Web サイトやメール用の HTML に変換。
- Web ページからコピーした HTML をきれいな Markdown にしてメモに保存。
- 執筆中は文字数カウントで長さを管理、テキストクリーナーで乱れを整えると便利。
HTML を Markdown にしたら、なぜ装飾が消えた?
Web ページから HTML を一部コピーして Markdown に変換すると、文字色・フォント・インライン CSS・複雑な表がなくなることがよくあります——これは壊れたのではなく、仕様どおりです。Markdown が表すのは「構造」(見出し・リスト・リンク・太字)であって「見た目」ではありません。純粋な装飾は Markdown で表現できないため、簡略化されるか生の HTML として残ります。多くの場合これは利点で、きれいで移植しやすく、保守しやすいプレーンテキストが手に入ります。逆方向の Markdown → HTML で先にレイアウトを確認したいときは、サンドボックスのプレビューを開きましょう(スクリプトを実行しないので安全です)。
改行が消えるのはなぜ?
Markdown では単一の改行が改行ではないからです。2 行のテキストの間に改行 1 つだと、このページが返すのは <p>line one line two</p> —— 2 行とも同じ <p> に入り、ブラウザは連続した 1 行として描画します。行末に空白 2 つ、バックスラッシュ、または新しい段落のための空行が必要です。対照的にリストはきちんとした構造になります:<ul> <li>one</li> <li>two</li> </ul>。見出しはまた別で、# Title は段落に包まれない素の <h1>Title</h1> を返します。