使い方
- HTMLにHTMLを貼り付けます。サンプルでは、見出し、強調とリンクのある段落、リストを示しています。
- マークダウン（CommonMark）を読みます。入力に合わせて内容が更新されます。
- コピーのボタンでコピーして、.mdファイルとして保存するか、マークダウンのエディターに貼り付けてください。
変換される内容と変換の仕方
h1からh6の見出しは、1から6個の#を付けたATX見出しになります。strongとbは太字の文字に、emとiは*斜体の文字*になります。code要素はコードのスパンに、pre要素は、language-クラスがあればその言語を残したフェンス付きのコードブロックになります。br要素は強制改行に、blockquoteは各行の先頭に>が付き、ulとolは-や番号のリストになります。href付きのa要素はリンクに、src付きのimg要素はalt文字列を持つ画像になります（CommonMarkのセクション4.2、4.5、5.1、5.2、6.1、6.2、6.3、6.7）。
Markdownが記号として読んでしまう文字は、バックスラッシュでエスケープされます。対象は、アスタリスク、アンダースコア、バッククォート、角かっこ、山かっこと、見出し・引用・リストのように始まってしまう行です。CommonMarkのセクション2.4では、ASCIIの記号の前にバックスラッシュを付けられます。
残らないもの
スクリプト、スタイル、テンプレート、フレーム、フォームの部品、メディアは、中身と一緒に省かれます。href、src、alt、title以外の属性は残りません。CommonMarkには表、下線、色がないため、表は各セルの段落になり、u、span、同種の要素の文字は書式を除いて残ります。
計算例：3つの要素と、エスケープする1文字
HTMLの各断片は、表の右の列のマークダウンになります。ツールが書き出すとおりに示します。
| HTMLの内容 | マークダウン |
|---|---|
| テキスト「メモ」の、レベル2の見出し | ## メモ |
| 太字の文字を含む段落 | 一部の**太字**の文字 |
| 項目が1つ（1つ目の項目）のリスト | - 1つ目の項目 |
| アスタリスクを含む「5 * 3 = 15」 | 5 * 3 = 15 |
よくある質問
マークダウンにバックスラッシュが入るのはなぜですか？
バックスラッシュは、次の文字がアスタリスクや角かっこのような記号ではなく、文字であることを示します。CommonMarkは、マークダウンを表示するときにそれを取り除きます（セクション2.4）。そのため、ページには、HTMLにあったとおりの文字が表示されます。
ツールはHTMLを実行したり、ページに残したりしますか？
いいえ。HTMLはDOMParserによって別の文書として解析され、閲覧の文脈を持たず、スクリプトは実行されません。ツールはその文字と構造だけを写し、マークダウンを文字として表示します。
表が段落になるのはなぜですか？
CommonMarkには表の書き方がなく、一部のサービスが追加するパイプ表は拡張機能です。各セルが段落になるため、語句は残りますが、表のレイアウトは残りません。
リンクと画像は残りますか？
はい。href付きのa要素はリンクになり、titleがあればそれも残ります。src付きのimg要素は、alt文字列をエスケープした画像になります。ほかの属性は残りません。
マークダウンの書き方がない要素はどうなりますか？
文字は残り、書式は失われます。例えば、span、u、markは含まれる語句を残し、divやsectionは文字の新しい段落になります。
出典
- CommonMark仕様、バージョン0.31.2：セクション2.4、4.1、4.2、4.4、4.5、5.1、5.2、6.1、6.2、6.3、6.7（英語）
- WHATWG HTML標準、セクション8.5.1、DOMParserインターフェース（英語）
- MDN：DOMParser（英語）
数値と文章の最終確認日：2026年11月10日火曜日。