01
入力の向きを確かめる
初期状態はHTML入力です。方向を変えても前回の出力で入力を上書きしません。別方向の例が必要なら例を読み込み直します。 HTMLをMarkdownに変換したい場合は、初期設定のまま使えます。
フロントエンドツール
HTMLからMarkdown変換
ソースを貼り、方向と形式を選んでから結果と安全なプレビューを確認します。
HTMLからMarkdown変換
変換はブラウザー内で完結します。プレビューはスクリプトと外部読み込みを遮断します。
変更を検出しました。更新中…
CMSから抜き出したHTMLをREADMEへ移すとき、タグを手で書き換えると表やリンクを見落としがちです。HTMLからMarkdown変換は構造を読みやすい記法へ移し、失われる要素を示します。
HTMLからMarkdown変換の逆方向も同じ画面で使えます。MarkdownからHTML変換で得るのは安全な断片です。ソースとMarkdownプレビューを確認し、元のページと同じ見た目になるとは考えないでください。
HTMLからMarkdown変換で確認できること
変換で落ちる構造を見える化
この変換では通常の表・リンク・コードを移し、装飾や結合セルを別途知らせます。見た目を再現したかのように扱いません。
実行しないプレビュー
結果はスクリプトを動かせない隔離フレームで確認します。元のHTMLに外部画像やフォームがあっても読み込みません。
向きと形式を間違えない手順
02
出力先に合わせて形式を選ぶ
初期値はGFMで、単純な表やタスクリストに対応します。基本Markdownに切り替えると表は安全なHTMLのまま残ります。
03
新しい結果だけを書き出す
自動変換は入力後350ミリ秒待ちます。オフなら変換ボタンかCtrl/Cmd+Enterを使い、変更前の結果はコピー・保存できません。
残せる文書要素
双方向を同じ画面で
HTMLをドキュメント用のMarkdownへ移す操作と、MarkdownからHTML変換して断片を得る操作を切り替えられます。
表とコードの意味を保つ
GFM表、リンク、囲みコードを扱い、複雑な表を壊れたパイプ表にしないようHTMLとして残します。
ソースと静的表示を比較
Markdownプレビューで見出しや表の並びを確認できます。表示は安全な文書プレビューで、ウェブページの再現ではありません。
変換できない構造
- 装飾は往復できない
- class・style・idとレイアウトはMarkdownに対応しません。このツールは文章構造を残し、装飾の消失を知らせます。
- 結合セルはHTMLのまま
- rowspan・colspanや入れ子の表はGFM表にできません。除去した属性を含まないHTMLとして残します。
- 基本形式には表構文がない
- 基本MarkdownではGFMのパイプ表を作らず、表をHTMLで残します。移し先の対応を確認してください。
- URLから本文を取得しない
- 入力するのはソース文字列です。相対リンクを絶対URLへ直したり、ページをネットワーク取得したりしません。
- プレビューは外部読み込みを遮断
- スクリプト・フォーム・埋め込みを削り、プレビューのリンク先と画像URLも外します。
HTMLからMarkdown変換の疑問
HTMLの表はMarkdownの表に変換できますか？
GFMを選んだ場合、単純な表はパイプ表になります。結合・入れ子の表は構造を保つため安全なHTMLとして残します。
結合セルは変換できますか？
GFMの表にはrowspanやcolspanがありません。該当する表はHTMLのまま出力し、警告で知らせます。
classやstyleは残りますか？
残りません。装飾指定はMarkdownで表せないため、見出し・段落・リンクなどの構造だけを移します。
相対URLは変換後も使えますか？
文字列として残りますが、別のサイトに貼るとリンク先が変わる場合があります。このツールは基準URLを推測しません。
貼り付けたHTMLはサーバーに送信されますか？
いいえ。変換は現在のブラウザー内で実行されます。プレビューも外部リソースを読み込みません。
別の例で困りましたか？