コンテンツへスキップ
EVOA Toolbox

HTMLからMarkdownへの変換

HTMLを、表、リスト、コードブロックを含めた整ったMarkdownに変換します。スクリプトとスタイルは削除されます。ブラウザー内で動作します。

ブラウザー内でローカルに処理されます。テキストはアップロードされません。

ツールを読み込み中…

このツールでできること

HTMLを貼り付けると、読みやすいMarkdownが返ってきます。見出し、段落、リンク、画像、強調、順序付き・順序なしリスト、引用、コードブロック、表がMarkdownの同等の記法に変換され、READMEやWiki、静的サイトジェネレーター、メモアプリにそのまま使える状態になります。

CMSや保存したWebページからコンテンツを取り出したり、メールからコピーしたHTMLを整理したり、ドキュメントの一部をバージョン管理で差分を取れる形にしたりするのに便利です。見出しはATX形式（# 見出し）かSetext形式（下線付き）、コードブロックはフェンス形式かインデント形式、リストの箇条書き記号を選べます。

変換にはTurndownライブラリと、GitHub形式のパイプ表を生成する組み込みの表ルールを使用します。script、style、iframe要素は変換前に削除され、HTMLは実行されないドキュメントとして解析されるため、貼り付けたマークアップが実行されることはありません。

使い方

  1. 1左のボックスにHTMLを貼り付けます。「例を挿入」を押すとサンプルを確認できます。
  2. 2オプションで、見出しのスタイル、コードブロックのスタイル、箇条書きの記号を選びます。
  3. 3<table> をパイプ表に変換する場合は「表を変換」をオンのままにし、プレーンテキストのままにする場合はオフにします。
  4. 4Markdownをコピーするか、.md ファイルとしてダウンロードします。

対応形式

入力：テキストとしてのHTMLの断片または完全なページ。出力：Markdown（GitHub形式の表、取り消し線、タスクリストのチェックボックスを含むCommonMark）。

プライバシー

このツールはブラウザー上で動作します。入力されたデータはお使いのデバイス上で処理され、当社のサーバーには送信されません。

制限事項

  • MarkdownはHTMLのすべてを表現できるわけではありません。色、クラス、インラインスタイル、段組み、ほとんどのレイアウト用マークアップは失われます。
  • 表のセルは1行にまとめられます。セル内のネストしたリスト、ブロック要素、画像は構造が失われます。結合セル（colspan/rowspan）には対応していません。
  • ヘッダー行のない表は、パイプ表にヘッダーが必須のため、最初の行がヘッダーとして使われます。
  • Webページ全体を貼り付けると、ナビゲーションやフッターもテキストとして含まれます。必要な部分だけを貼り付けてください。
  • 元のページのアドレスが分からないため、相対リンクは相対のままになります。

よくある質問

HTML内のスクリプトやスタイルは実行されたり、残ったりしますか？

いいえ。<script>、<style>、<noscript>、<iframe>、<object>、<embed> 要素は変換前に削除され、HTMLは実行されることなく解析されます。

表は変換されますか？

はい。表は、ヘッダーの後に区切り行が付いたGitHub形式のパイプ表になります。セル内のパイプ文字はエスケープされ、セル内の改行はスペースに置き換えられます。

Webページからコピーして、ここに貼り付けられますか？

表示されているテキストをボックスに貼り付けると、HTMLではなくプレーンテキストが挿入されます。ブラウザーのソース表示や開発者ツールで要素のHTMLをコピーし、それを貼り付けてください。

どの種類のMarkdownが生成されますか？

主にCommonMarkで、GitHubで使われている ~~取り消し線~~、[x] のタスクチェックボックス、パイプ表が含まれます。

関連ツール