メインコンテンツへスキップ

Markdown ⇄ HTML 変換

Markdown を HTML に、HTML を Markdown にブラウザ内で相互変換。プレビュー付き・アップロード不要。

プレビュー

Markdown ⇄ HTML 変換とは?

Markdown は書きやすく読みやすいプレーンテキストの記法で、README・ブログ・メモに使われます。HTML は Web ページの言語です。このツールは両者を相互変換します:Markdown をページに貼れる HTML にしたり、HTML をきれいな Markdown に戻したり——結果はリアルタイムでプレビューできます。すべてブラウザ内で処理し、アップロードしません。

使い方

  1. Markdown か HTML を入力欄に貼り付けます(ファイルのドロップも可)。
  2. 「Markdown → HTML」または「HTML → Markdown」を押します。
  3. ソースをコピー・ダウンロード。「プレビュー」を開くと整形後の見た目を確認できます。

活用シーン

  • Markdown の README やメモを Web サイトやメール用の HTML に変換。
  • Web ページからコピーした HTML をきれいな Markdown にしてメモに保存。
  • 執筆中は文字数カウントで長さを管理、テキストクリーナーで乱れを整えると便利。

HTML を Markdown にしたら、なぜ装飾が消えた?

Web ページから HTML を一部コピーして Markdown に変換すると、文字色・フォント・インライン CSS・複雑な表がなくなることがよくあります——これは壊れたのではなく、仕様どおりです。Markdown が表すのは「構造」(見出し・リスト・リンク・太字)であって「見た目」ではありません。純粋な装飾は Markdown で表現できないため、簡略化されるか生の HTML として残ります。多くの場合これは利点で、きれいで移植しやすく、保守しやすいプレーンテキストが手に入ります。逆方向の Markdown → HTML で先にレイアウトを確認したいときは、サンドボックスのプレビューを開きましょう(スクリプトを実行しないので安全です)。

よくある質問

内容はアップロードされますか?

いいえ。変換はすべてブラウザ内で JavaScript(marked / turndown)により行われ、貼り付けた内容がサーバーに送信されることはありません。

どの Markdown 方言に対応?

一般的な GitHub Flavored Markdown に対応:見出し、リスト、リンク、画像、太字/斜体、コードブロック、表、引用など。

プレビューは安全ですか?

はい。プレビューは JavaScript を実行しないサンドボックス iframe で表示され、整形後の見た目のみを示します。

HTML → Markdown は完全に同じになりますか?

構造(見出し・リスト・リンク・太字など)は対応する Markdown として保たれます。HTML 固有のスタイル(インライン CSS、複雑な表)は Markdown で表現できないため、簡略化されるか生の HTML として残ります。

関連記事

Markdown を HTML に変換する方法(そして元に戻す) →

このツールを埋め込む

このツールをあなたのサイトやブログに無料で設置できます。下のコードをコピーして貼り付けるだけです(当サイトへのリンクを含みます)。