本文へスキップ
ToolMug

HTML Markdown 変換ツール

HTML ソースを貼り付けるか、Web ページや文書の一部を書式ごとコピーしてここに貼り付けてください。見出し、リスト、リンク、表、コードブロックを備えたきれいな Markdown になり、README や Wiki、メモにそのまま使えます。

ブラウザ内で動作 — 入力した内容はアップロードされません

使い方

  1. Web ページの一部をコピーして HTML 欄に貼り付けるか、HTML ソースを貼り付けるか、.html ファイルを開きます。
  2. 見出し、リスト、コードブロック、リンクの Markdown スタイルを好みに合わせて選びます。
  3. Markdown をコピーするか、.md ファイルとしてダウンロードします。

オプションの説明

Web ページからの貼り付け
ブラウザ、Word、Google ドキュメントからコピーすると、クリップボードには HTML も含まれます。「ウェブページやドキュメントから貼り付けたときに書式を変換する」をオンにするとその HTML が変換されるので、見出しやリンクが保たれます。オフにするとプレーンテキストとして貼り付けます。
見出し
「# 見出し」形式(ATX)は 6 段階すべての見出しに使えます。下線形式(Setext)は見出し 1 と 2 にしかないため、それより深い見出しには # を使います。
コードブロック
フェンス形式では class="language-js" から言語名を引き継ぐので、GitHub でもシンタックスハイライトが効きます。インデント形式ではスペース 4 つで字下げします。
リンク
インライン形式では URL をテキストのすぐ隣に置きます。参照形式では URL を末尾の番号付きリストにまとめるので、リンクが多いときに読みやすくなります。
GitHub Flavored Markdown
表、取り消し線、チェックボックスを変換します。オフにすると、表はただのテキスト行になります。

変換例

HTML Markdown
<h2>セットアップ</h2> ## セットアップ
<p>最初に <code>npm i</code> を実行</p> 最初に `npm i` を実行
<a href="https://x.dev">ドキュメント</a> [ドキュメント](https://x.dev)
<ul><li>項目</li></ul> - 項目

よくある質問

スクリプト、スタイル、iframe はどうなりますか?

削除されます。Markdown で表現できる内容だけが残ります。

HTML のまま残る表があるのはなぜですか?

Markdown の表ではセルの結合を表現できないため、結合セルを含む表は HTML のまま残します。GitHub をはじめ、ほとんどの Markdown レンダラーはそのまま表示できます。1 つのセル内に複数の段落がある場合は <br> でつなげます。

画像も変換されますか?

はい。![代替テキスト](url) の形式になります。画像そのものはダウンロードされないため、相対 URL は絶対 URL に書き換える必要があるかもしれません。

プライバシー

このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。

関連ツール