Markdown HTML変換ツール
MarkdownをライブプレビューつきでHTMLに変換し、HTMLをきれいなMarkdownにも変換します。表やコードブロックにも対応。
Markdown HTML変換ツール — HTMLからMarkdownへの変換も
Markdownを入力するか貼り付けると、入力に合わせて表示結果が確認でき、その元になるHTMLもワンクリックで見られます。逆方向の変換もできます。Webページ、CMS、メールのHTMLを貼り付ければ、README、Wiki、静的サイト向けのきれいなMarkdownが得られます。GitHub Flavored Markdownの表、タスクリスト、取り消し線、フェンスで囲んだコードブロックはどちらの方向でも使え、処理はすべてブラウザー内で行われます。
Markdownは、開発者がドキュメントを書くときの形式であり、多くのメモアプリがテキストを保存する形式であり、GitHub、GitLab、Stack Overflowが投稿を整形する形式でもあります。一方、ブラウザーが必要とするのはHTMLです。両者を手作業で変換するのは面倒で、間違いも起こりやすくなります。
使い方
- Markdown → HTMLまたはHTML → Markdownを選びます。
- テキストを入力するか貼り付けます。結果は入力に合わせて更新されます。
- Markdownの場合はプレビューとHTMLを切り替えます。完全な文書が必要なら完全なHTMLページにチェックを入れます。
- コピーまたはダウンロードを押します。変換の方向を切り替えると結果が引き継がれるので、行ったり来たり変換できます。
Markdown記法の早見表
| Markdown | 結果 |
|---|---|
# Title、## Section | レベル1とレベル2の見出し |
**bold**、*italic*、~~struck~~ | 太字、斜体、取り消し線 |
[text](https://example.com) | リンク |
 | 画像 |
- itemまたは1. item | 箇条書きまたは番号付きリスト |
- [x] done | タスクリストの項目 |
`code`と```で囲んだブロック | インラインコードとコードブロック |
| a | b |の行と|---|の行 | 表 |
> quote | 引用 |
改行
標準のMarkdownでは、段落内の単一の改行は無視されます。新しい段落を始めるには空行が必要で、段落内で改行するには行末にスペースを2つ入れます。GitHubのコメントがそう動くため、改行がそのまま表示されることを期待する人は少なくありません。その動作にしたいときは、単一の改行を残すにチェックを入れてください。
HTMLからMarkdownへ
HTMLを貼り付けると、見出し、段落、リンク、画像、リスト、表、引用、コードブロックがMarkdownの対応する記法に変換されます。スクリプト、スタイル、色やレイアウトのようにMarkdownで表現できないものは取り除かれます。READMEやドキュメントサイトに内容を移すときは、たいていそれが望ましい結果です。見出しはシャープ記号と下線のどちらかを選べ、リスト記号も指定できます。
安全性
Markdownには、スクリプトを含む生のHTMLを書くことができます。プレビューはサンドボックス化されたフレームに表示され、その中ではスクリプトが実行できず、このページにもアクセスできないため、貼り付けた文書がここで害を及ぼすことはありません。ただし、出力されるHTMLはサニタイズされません。信頼できない相手から受け取ったMarkdownなら、Webサイトで公開する前にHTMLを確認して無害化してください。
関連ツール
変換したHTMLをインデントしたり圧縮したりするには、コード整形ツールを使ってください。文書の単語数を数えるには、文字数カウントツールが便利です。1つの作業に合わせてこのツールを開くタスクページもあります：HTML Markdown変換、Markdownプレビュー。