HTMLをMarkdownに変換
HTMLコードをMarkdownに変換
HTML入力
変換されたMarkdown
HTMLをMarkdownに変換する例
HTMLを読みやすいMarkdownに変換します。例:
APIリファレンススニペット
HTML入力:
変換されたMarkdown:
上のサンプルを使用して、より多くのサンプルデータを読み込んでください。
HTMLをMarkdownにとは?
MarkdownはドキュメントとREADME用の軽量マークアップです。HTMLは冗長です—HTMLをMarkdownに変換すると読みやすく編集可能なテキストが得られます。このツールはHTMLをパースしてMarkdownを出力します:見出しは#に、リンクは[text](url)に、リストは-または1.になります。CommonMark仕様が出力形式を定義しています。
変換は完全にブラウザ内で行われます。サーバーには何も送信されません。出力はクリーンなMarkdownです。逆変換(MarkdownをHTMLに)にはMarkdownをHTMLにを、ライブプレビュー付き編集にはMarkdownエディターを使用してください。
このツールの使い方
HTMLを貼り付けまたはアップロード
HTMLをコピーして左のエディターに貼り付けます。アップロードをクリックして.htmlまたは.htmファイルを読み込むこともできます。サンプルボタンでサンプルデータを読み込みます。
Markdown出力を表示
右のパネルに変換されたMarkdownが表示されます。見出し、段落、リンク、画像、リスト、テーブルが変換されます。複雑なHTMLは冗長または近似のMarkdownになる場合があります。
コピーまたはダウンロード
コピーまたはダウンロードを使用してください。出力のフォーマットにはMarkdownフォーマッターを、検証にはMarkdownバリデーターを使用してください。
HTMLをMarkdownにが役立つ場面
Webサイト、CMS、またはWYSIWYGエディターからMarkdownへのコンテンツ移行時(例:GitHub、GitLab、Jekyllなどの静的サイト)、この変換が開始点を提供します。W3C HTML仕様が入力を定義しています。ページからHTMLをコピーしてここに貼り付け、編集してバージョン管理できるMarkdownを取得できます。
スクレイピングやコンテンツのエクスポートではHTMLが得られることが多いです。Markdownに変換するとプレーンテキストで編集可能になり、ドキュメントツールと互換性があります。MarkdownをHTMLに変換するにはMarkdownをHTMLにを、データからテーブル生成にはMarkdown表ジェネレーターを使用してください。
よくある質問
変換はロスレスですか?
常にではありません。HTMLはより多くの構造(div、span、クラス)を持っています。Markdownはよりシンプルです。複雑なレイアウト、ネストされたdiv、インラインスタイルは完全にマップされない場合があります。出力はベストエフォート変換です。
データはプライベートですか?
はい。変換は完全にブラウザ内で行われます。データはサーバーに送信されません。
テーブルはどうなりますか?
HTMLテーブルは可能な場合はMarkdownテーブル構文に変換されます。複雑なテーブル(colspan、rowspan)は変換されない場合があります。データからテーブルを作成するにはMarkdown表ジェネレーターを使用してください。
画像はどうなりますか?
画像タグはMarkdown画像構文になります:。altテキストとURLは保持されます。相対URLはそのままです。
完全なHTMLページを変換できますか?
はい。完全なページを貼り付けてください。コンバーターは通常本文コンテンツを抽出します。スクリプト、スタイル、メタタグは通常削除されます。メインコンテンツがMarkdownとして得られます。
関連ツール
詳細:CommonMark、CommonMark仕様、GitHub Flavored Markdown、Markdown Guide、MDN HTML、W3C HTML、GitHub。