Markdown を HTML に変換するオンラインツール
無料で使えるオンラインの Markdown → HTML 変換ツールです。.md を貼り付けるかアップロードして、きれいでセマンティックな HTML をコピーしたり、.html ファイルをダウンロードしたりできます。
- ブラウザー内で動作
- 無料、透かしなし
- アカウント不要
- 読み込み後はオフラインでも動作
Markdown を HTML に変換する方法
Markdown を HTML に変換するには、上の欄に Markdown を貼り付けるか .md ファイルをアップロードし、プレビューを確認して「HTML をコピー」または「.html をダウンロード」を選びます。見出し、リスト、表、コードは対応する HTML 要素になります。変換はブラウザー内で行われるため、ファイルはアップロードされません。
- Markdown を貼り付けるか、
.mdファイルをエディターにドロップします。 - レンダリングされたプレビューまたは HTML ソースを確認します。
- HTML をコピーするか、
.htmlファイルをダウンロードします。
使い方
3 つのステップで完了します。アカウントもアップロードも不要です。
Markdown を追加する
エディターに貼り付けるか、.md ファイルをドロップします。
プレビューを確認する
レンダリングされたプレビューと HTML ソースを切り替えて、出力を確認します。
コピーまたはダウンロードする
HTML をコピーするか、.html ファイルをダウンロードします。「Word 用にコピー」を使えば、書式付きのテキストを貼り付けられます。
Markdown からきれいな HTML へ
Markdown はもともと HTML を出力するために作られた形式なので、各要素がそのまま対応します。
## Release notes
**New:** export to PDF.
- Faster startup
- Dark theme
```js
export default config;
```<h2>Release notes</h2> <p><strong>New:</strong> export to PDF.</p> <ul> <li>Faster startup</li> <li>Dark theme</li> </ul> <pre><code class="language-js">export default config; </code></pre>
このツールでできること
Markdown が使えない場所に貼り付けるための、きれいな出力です。
セマンティックな HTML
見出し、リスト、表、引用、コードは対応する要素になり、余計なラッパー要素は入りません。
Word 用にコピー
書式付きの結果をコピーして、Word、Google ドキュメント、メールに書式を保ったまま貼り付けられます。
HTML の表として出力
パイプ形式の表は、見出し行付きの table、thead、tbody になります。
コピーまたはダウンロードする
HTML をクリップボードにコピーするか、単体で使える .html ファイルとして保存できます。
GitHub Flavored Markdown
タスクリスト、脚注、取り消し線、[!NOTE] アラートもすべて変換されます。
先にプレビュー
数式と Mermaid の図はプレビューでレンダリングされるので、文書を確認できます。
各要素の対応
Markdown の各要素から生成される HTML です。
| Markdown | HTML |
|---|---|
# Heading ～ ###### Heading | <h1> ～ <h6> |
**bold**、*italic*、~~strike~~ | <strong>、<em>、<del> |
- item、1. item、- [ ] task | <ul>、<ol>、チェックボックス付きのリスト項目 |
| パイプ形式の表 | <thead> と <tbody> を含む <table> |
| フェンスコードブロック | <pre><code>（空白を保持） |
[text](url)、、> quote | <a>、<img>、<blockquote> |
Markdown を HTML に変換するその他の方法
1 つの文書なら、このページがいちばん手早い方法です。よく使われるほかの方法は次のとおりです。
Pandoc
pandoc notes.md -o notes.htmlは HTML の断片を出力します。完全なページにするには-sを付けます。- スクリプトや一括変換に向いています。
コードで変換
- JavaScript：
markedまたはmarkdown-it。Python：markdownまたはmistune。 - サイトやアプリで Markdown をその都度変換する場合に使います。
静的サイトジェネレーター
- Hugo、Jekyll、Eleventy、MkDocs は、
.mdファイルのフォルダーを Web サイトに変換します。 - サイト全体の原稿が Markdown の場合に使います。
Markdific デスクトップアプリ
.mdファイルを開き、HTML、Word、PDF などの形式に書き出します。- 書き出しは買い切り購入に含まれ、Mac、Windows、Linux で使えます。
Markdown → HTML 変換ツールとは
Markdown は、いくつかの記号で構造を表すプレーンテキストです。# は見出し、- はリストの項目、バッククォートはコードを表します。HTML はブラウザーが読み取る形式で、<h1> の見出し、<ul> のリスト、<table> 要素などで構成されます。
Markdown → HTML 変換ツールは Markdown を読み取って構造を解析し、対応する HTML 要素を書き出します。Markdown はもともと HTML を出力するために作られたので、各変換ツールの中でもっとも直接的な変換です。
Markdown → HTML に関するよくある質問
Markdown → HTML 変換ツールは無料ですか？
はい。登録不要で、透かしも 1 日あたりの回数制限もありません。
ファイルはどこかにアップロードされますか？
いいえ。変換はブラウザー内の JavaScript で行われるため、ファイルはお使いのデバイスに残ります。ページの読み込み後はオフラインでも動作します。
出力される HTML はきれいでセマンティックですか？
はい。見出しは h1 ～ h6、リストは ul と ol、パイプ形式の表は HTML の表、フェンスコードは pre と code になります。トラッキング用のスクリプトやラッパー要素は入りません。
ファイルをダウンロードせずに HTML をコピーできますか？
はい。「HTML をコピー」でマークアップをクリップボードにコピーし、サイト、CMS、メールで使えます。「.html をダウンロード」では単体で使えるファイルとして保存されます。
「Word 用にコピー」は何をしますか？
HTML ソースではなく、レンダリングされた書式付きのテキストをコピーします。そのため、見出し、リスト、表を書式を保ったまま Word、Google ドキュメント、メールに貼り付けられます。
JavaScript や Python で Markdown を HTML に変換するには？
Markdown ライブラリを使います。JavaScript なら marked または markdown-it、Python なら markdown または mistune です。このページは、コードを書かずに文書を手作業で変換するためのものです。
表やコードブロックに対応していますか？
はい。パイプ形式の表は見出し行付きの表になり、フェンスコードブロックは空白を保った pre 要素と code 要素になります。
画像はどうなりますか？
画像のリンクは、同じ参照先を指す img タグになります。
数式や図に対応していますか？
KaTeX の数式と Mermaid の図はライブプレビューでレンダリングされるので、書き出す前に確認できます。
どの Markdown 構文に対応していますか？
標準の Markdown と GitHub Flavored Markdown に対応しています。表、タスクリスト、脚注、取り消し線、アラートに加え、コードブロック、リンク、画像、引用も使えます。
スマートフォンでも使えますか？
はい。モバイルブラウザーで動作するので、スマートフォンやタブレットから Markdown を貼り付けて、HTML をコピーまたはダウンロードできます。
複数のファイルをまとめて変換できますか？
一度に変換できるのは 1 つの文書です。ファイルを変換してコピーまたはダウンロードしてから、次のファイルを追加してください。
デスクトップ版 Markdific
Markdown で書いて、ワンステップで HTML に書き出す
Markdific は Mac、Windows、Linux 向けの Markdown ビューアー兼エディターです。.md ファイルをダブルクリックで開き、ライブプレビューを見ながら編集して、書き出せます。すべての機能を見る。
- HTML、Word、PDF のほか 11 形式への書き出し
- 数式、図、コードのハイライトに対応したライブプレビュー
- Finder やエクスプローラーから .md ファイルを開ける
無料の Markdown ビューアー · Premium 機能の14日間無料トライアル
30日間の返金保証。Mac、Windows、Linux に対応。
