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エディターを使用してください。

このツールの使い方

1

HTMLを貼り付けまたはアップロード

HTMLをコピーして左のエディターに貼り付けます。アップロードをクリックして.htmlまたは.htmファイルを読み込むこともできます。サンプルボタンでサンプルデータを読み込みます。

2

Markdown出力を表示

右のパネルに変換されたMarkdownが表示されます。見出し、段落、リンク、画像、リスト、テーブルが変換されます。複雑なHTMLは冗長または近似のMarkdownになる場合があります。

3

コピーまたはダウンロード

コピーまたはダウンロードを使用してください。出力のフォーマットにはMarkdownフォーマッターを、検証にはMarkdownバリデーターを使用してください。

HTMLをMarkdownにが役立つ場面

Webサイト、CMS、またはWYSIWYGエディターからMarkdownへのコンテンツ移行時(例:GitHubGitLabJekyllなどの静的サイト)、この変換が開始点を提供します。W3C HTML仕様が入力を定義しています。ページからHTMLをコピーしてここに貼り付け、編集してバージョン管理できるMarkdownを取得できます。

スクレイピングやコンテンツのエクスポートではHTMLが得られることが多いです。Markdownに変換するとプレーンテキストで編集可能になり、ドキュメントツールと互換性があります。MarkdownをHTMLに変換するにはMarkdownをHTMLにを、データからテーブル生成にはMarkdown表ジェネレーターを使用してください。

よくある質問

変換はロスレスですか?

常にではありません。HTMLはより多くの構造(div、span、クラス)を持っています。Markdownはよりシンプルです。複雑なレイアウト、ネストされたdiv、インラインスタイルは完全にマップされない場合があります。出力はベストエフォート変換です。

データはプライベートですか?

はい。変換は完全にブラウザ内で行われます。データはサーバーに送信されません。

テーブルはどうなりますか?

HTMLテーブルは可能な場合はMarkdownテーブル構文に変換されます。複雑なテーブル(colspan、rowspan)は変換されない場合があります。データからテーブルを作成するにはMarkdown表ジェネレーターを使用してください。

画像はどうなりますか?

画像タグはMarkdown画像構文になります:![alt](url)。altテキストとURLは保持されます。相対URLはそのままです。

完全なHTMLページを変換できますか?

はい。完全なページを貼り付けてください。コンバーターは通常本文コンテンツを抽出します。スクリプト、スタイル、メタタグは通常削除されます。メインコンテンツがMarkdownとして得られます。

関連ツール

詳細:CommonMarkCommonMark仕様GitHub Flavored MarkdownMarkdown GuideMDN HTMLW3C HTMLGitHub