MarkdownからHTML変換ツール

左側にMarkdownを入力すると、右側にレンダリングされたHTMLが表示されます。GitHub Flavored Markdownに対応。

機能

リアルタイムプレビュー
GitHub 風 Markdown に対応
HTML ファイルとして書き出し

使い方

1. 左側のパネルにMarkdownを入力または貼り付けます。

2. HTMLプレビューが右側にリアルタイムで表示されます。

3. 「HTMLをコピー」でソースをコピー、「ダウンロード」でファイルを保存します。

このツールについて

Markdown を使うと、見出しには #、太字には **、リストには - といった簡単な記号で書式付きの文章を書き、ウェブサイト、メール、CMS 向けの HTML に変換できます。この変換ツールは入力に合わせて表示結果を横に並べて表示し、生成された HTML をコピーまたはダウンロードできます。見出し、段落、太字、斜体、取り消し線、インラインコード、フェンス付きコードブロック、番号付き・番号なしリスト、リンク、画像、引用、水平線に対応しており、ほとんどの README、ドキュメント、ブログ記事をカバーできます。コード内の特殊文字はエスケープされ、正しく表示されます。一部の拡張 Markdown にある表、脚注、タスクリストは変換されないので、プレビューでその部分を確認してください。

よくある質問

どの Markdown 機能に対応していますか?
見出し(# ~ ######)、太字、斜体、~~取り消し線~~、インラインコード、言語指定付きのフェンス付きコードブロック、番号付き・番号なしリスト、リンク、画像、引用、水平線です。
表やタスクリストには対応していますか?
対応していません。GitHub Flavored Markdown の表の記法やタスクリストのチェックボックスは普通のテキストとして表示されます。これらに頼る文書には、GitHub に組み込まれたものや静的サイトジェネレーターなど、完全な GFM レンダラーを使ってください。
段落を分けずに改行するには?
文章のまとまりの間に空行を入れると別の段落になります。短い行が続く場合はリストにしてください。<br> のような生の HTML タグはエスケープされ、描画されずに文字として表示されます。
生成された HTML をそのまま自分のサイトに載せても安全ですか?
変換ツールは文章内の生の HTML をエスケープするので、ほとんどのインジェクションは防げます。ただしリンク先はそのまま出力されるため、信頼できないユーザーの Markdown を公開する場合は、DOMPurify などのライブラリで出力をサニタイズし、javascript: のリンクを拒否してください。
スタイル付きの完全な HTML ファイルを作れますか?
「ダウンロード」で、変換した内容を HTML 文書として保存できます。フォント、余白、コードのハイライトを整えるには、独自のスタイルシートを追加するか、すでにスタイルのあるページに HTML を貼り付けてください。

関連ツール