Markdown入力

変換されたHTML

MarkdownをHTMLに変換する例

MarkdownはWebページやCMS用にHTMLに変換されます。例:

リリースノート

Markdown入力:

入力

変換されたHTML:

出力

上のサンプルを使用して、より多くのサンプルデータを読み込んでください。

MarkdownをHTMLにとは?

MarkdownはドキュメントとWebコンテンツ用の軽量マークアップです。ブラウザとCMSは生のMarkdownではなくHTMLをレンダリングします。このツールはMarkdownをHTMLに変換します—見出しはh1-h6に、リンクはaタグに、コードブロックはpre/codeになります。CommonMark仕様が入力を定義し、出力は標準HTMLに従います。

変換は完全にブラウザ内で行われます。サーバーには何も送信されません。出力はクリーンなHTMLです。逆変換(HTMLをMarkdownに)にはHTMLをMarkdownにを、編集時のライブプレビューにはMarkdownエディターを使用してください。

このツールの使い方

1

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

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

2

HTML出力を表示

右のパネルに変換されたHTMLが表示されます。見出し、段落、リスト、リンク、画像、コードブロックが変換されます。WebページやCMS用にコピーまたはダウンロードできます。

3

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

<strong>コピー</strong>または<strong>ダウンロード</strong>を使用してください。まずMarkdownをフォーマットするにはMarkdownフォーマッターを、検証にはMarkdownバリデーターを使用してください。

MarkdownをHTMLにが役立つ場面

Webサイト、ブログ、またはHTMLを期待するCMSにドキュメントを公開するとき、この変換が橋渡しをします。Markdownで書いて(より速く、よりクリーンに)埋め込み用にHTMLに変換します。JekyllHugoなどの静的サイトジェネレーターはビルド時にこれを行います。このツールはオンデマンドで行います。W3C HTML仕様が出力形式を定義しています。

メールニュースレター、ドキュメントサイト、コンテンツ管理システムはHTMLを必要とすることが多いです。ここでMarkdownを変換すると貼り付けやインポート用のHTMLが得られます。PDF出力にはMarkdownをPDFにを、HTMLをMarkdownに戻すにはHTMLをMarkdownにを使用してください。

よくある質問

GitHub Flavored Markdownをサポートしていますか?

ほとんどのGFM機能(テーブル、取り消し線、タスクリスト)がサポートされています。出力HTMLはMarkdown構造を反映します。エッジケースは結果を確認してください。

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

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

Markdown内の生のHTMLはどうなりますか?

Markdown内の生のHTMLブロックは通常出力に渡されます。コンバーターは埋め込んだHTMLを保持します。サニタイズが適用される場合があります—出力を確認してください。

CSSクラスを追加できますか?

デフォルト出力は標準HTML要素を使用します。カスタムクラスには、HTMLを後処理するか、属性をサポートするMarkdown拡張を使用する必要があるかもしれません。

完全なHTMLドキュメントを生成しますか?

出力は通常は本文コンテンツ(見出し、段落など)です。htmlheadbodyを含む完全なドキュメントには、出力をラップするかテンプレートを使用してください。

関連ツール

詳細:CommonMarkCommonMark仕様GitHub Flavored MarkdownMarkdown Guidemarkdown-itRemarkW3C HTMLJekyll