貼り付けたHTMLは実行されますか？
いいえ。実行されない文書として解析し、実行可能要素を削除します。プレビューも生HTMLや外部要求を使わず再構築します。
開発ツール · ローカル変換
HTMLを読みやすいMarkdownに変換
HTML文書全体または断片を貼り付けてください。有用な文書構造を残し、実行可能な内容を除去します。URLの取得や外部リソースの読み込みは行いません。
Markdown結果
安全な構造プレビュー
対応する意味構造から再構築します。リンクは文字として表示し、画像は要求しません。
変換に成功するとプレビューが表示されます。
HTMLをMarkdownに変換する方法
CMS、メールテンプレート、書き出したページ、ドキュメントシステムから、README、Wiki、静的サイトへ構造化テキストを移すためのツールです。元ページの見た目の完全再現ではなく、移植しやすい意味構造を優先します。
文書を変換して確認する
- HTMLソースを貼り付けます。断片でも文書全体でも使えます。
- Markdownに変換を押すかCtrl / Command + Enterを使います。確認中に出力が勝手に更新されることはありません。
- Markdownと安全性・再現性の注意を読み、必要なら出力を編集します。
- 安全なプレビューで見出し、段落、リスト、コード、表を確認します。
- コピーまたはhtml-to-markdown.mdを保存し、実際の公開先でも表示を確認します。
保持される内容
意味のある見出しは#形式になります。段落、太字、強調、引用、水平線、インラインコード、フェンス付きコードブロックを通常のMarkdownへ変換します。番号付き・箇条書きリストは順序と基本的な入れ子を保ちます。安全なリンクと画像参照は表示文や代替文と参照先を保ちます。長方形の表はGFMパイプ表、del・s・strikeは取り消し線になります。
入力は実行されないHTML文書として解析し、ページへ挿入しません。プレビューは抽出した文字と安全な要素から再構築し、生HTML挿入、リンク移動、画像要求をしません。script、style、iframe、object、embed、template、canvas、SVG、link、metaを削除し、onclickなどの属性も実行しません。
確認できる例
例1: <h2>メモ</h2>と<strong>太字</strong>、/guideへのリンクは、## メモ、**太字**、[ガイド](/guide)になります。構造欄は見出し1件とリンク1件を示します。
例2: 2列の表はヘッダー、---区切り、パイプ付き行になります。pre内のcodeはフェンス付きコードになり、language-jsはjsヒントを残します。colspanがあれば全行の手動確認を求める警告を出します。
失われる内容と修正方法
MarkdownはCSS配置、フォント、色、任意の余白、動作、多くのアクセシビリティ関係を保持しません。divとspanは囲みを失いますが文字は残します。ブラウザーは閉じタグ不足などを修復するため、階層が意図と違うときは元HTMLを直してください。
結合セル、入れ子の表、視覚中心のメールには正確なGFM表現がありません。相対URLとHTTPS参照は保持してもプレビューでは読み込みません。javascript:、vbscript:、data:は削除します。200,000文字の上限を超える書き出しは安定した節で分割してください。
出力を利用する
出力は編集可能なプレーンテキストです。README、Issue、Wiki、ノートへコピーするか.mdとして保存できます。保存成功は、すべてのMarkdown方言がGFM表、タスクリスト、取り消し線を同じように描画する保証ではありません。
移行が終わるまで元HTMLを保管し、見出し順、リンク先、リストの入れ子、コードの空白、表の全行、画像、相対URLを最終環境で確認してください。Webページ取得、外部素材の埋め込み、Word変換、可逆な往復変換は対象外です。
よくある質問
結合表の形が変わるのはなぜですか？
GFM表にcolspan、rowspan、入れ子表がないためです。利用できるセルを平坦化し、警告を表示します。
リンクと画像の確認は安全ですか？
安全な参照はMarkdownに残せますが、プレビューはリンクを開かず画像を読み込みません。危険な方式は文字だけにします。
HTMLへ完全に戻せますか？
いいえ。読みやすいMarkdownが目的で、見た目、動作、未対応構造は失われます。
HTMLはアップロード・保存されますか？
いいえ。ブラウザー内だけで処理し、アカウント、URL取得、履歴、クラウド保存はありません。