HTMLとMarkdownを双方向で相互変換(ブラウザ内で完結)
HTMLをMarkdownに、あるいはMarkdownをHTMLに、双方向で相互変換できる無料ツールです。上部のトグルで変換の向きを切り替え、左側のエリアにソースを入力すると、右側に変換結果がリアルタイムで表示されます。すべての処理はお使いのブラウザ内で完結するため、インストールや会員登録は不要で、入力した内容が外部に送信されることもありません。
使い方はシンプルです。まず「HTML → Markdown」か「Markdown → HTML」のどちらかを選び、左のテキストエリアに変換したい内容を貼り付けます。右側に出た結果は「コピー」ボタンでワンクリックでコピーできます。「⇅ 結果を入力に入れ替え」を押すと、いまの出力を入力側に移動して逆方向の変換もすぐに試せます。「サンプルを読み込む」で記法の例を確認することもできます。
ブログCMSやWebページ用にMarkdownの原稿をHTMLへ変換したいとき、逆にWebから取得したHTMLをREADMEやWiki用のMarkdownに整えたいとき、技術ドキュメントの記法を相互に変換したいときなどに便利です。エンジニアのドキュメント作成から、ライターの原稿整形まで幅広く活用できます。
本ツールは、一般的な文書で使われる主要な記法を軽量な独自コンバータでカバーしています。下記の記法について、双方向の変換に対応しています。
| 要素 | Markdown | HTML |
|---|---|---|
| 見出し | # 〜 ###### | <h1>〜<h6> |
| 太字 | **太字** | <strong> |
| 斜体 | *斜体* | <em> |
| リンク | [文字](URL) | <a href> |
| 画像 |  | <img> |
| リスト | - 項目 / 1. 項目 | <ul> / <ol> |
| コードブロック | ``` | <pre><code> |
| 引用 | > 引用 | <blockquote> |
| テーブル | | 列 | 列 | | <table> |
Markdown→HTMLは行単位のパーサーでブロック(見出し・リスト・コードブロック・テーブルなど)を判定し、インライン記法(太字・斜体・リンク・画像・インラインコード)を変換します。HTML→Markdownはブラウザ標準のDOMParserでHTMLを構文解析し、要素を再帰的にたどってMarkdownへ書き戻します。いずれも外部ライブラリを使わないため軽量ですが、対応表にない独自タグや深いネスト、複雑なレイアウトは簡略化・省略される場合があります。重要な文書では変換後にプレビューで確認してください。