MarkdownをHTMLに変換
MarkdownコードをHTMLに変換
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エディターを使用してください。
このツールの使い方
Markdownを貼り付けまたはアップロード
Markdownをコピーして左のエディターに貼り付けます。アップロードをクリックして.mdまたは.markdownファイルを読み込むこともできます。サンプルボタンでサンプルデータを読み込みます。
HTML出力を表示
右のパネルに変換されたHTMLが表示されます。見出し、段落、リスト、リンク、画像、コードブロックが変換されます。WebページやCMS用にコピーまたはダウンロードできます。
コピーまたはダウンロード
<strong>コピー</strong>または<strong>ダウンロード</strong>を使用してください。まずMarkdownをフォーマットするにはMarkdownフォーマッターを、検証にはMarkdownバリデーターを使用してください。
MarkdownをHTMLにが役立つ場面
Webサイト、ブログ、またはHTMLを期待するCMSにドキュメントを公開するとき、この変換が橋渡しをします。Markdownで書いて(より速く、よりクリーンに)埋め込み用にHTMLに変換します。JekyllやHugoなどの静的サイトジェネレーターはビルド時にこれを行います。このツールはオンデマンドで行います。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ドキュメントを生成しますか?
出力は通常は本文コンテンツ(見出し、段落など)です。html、head、bodyを含む完全なドキュメントには、出力をラップするかテンプレートを使用してください。
関連ツール
詳細:CommonMark、CommonMark仕様、GitHub Flavored Markdown、Markdown Guide、markdown-it、Remark、W3C HTML、Jekyll。