📝 Markdown→HTML変換

入力Markdown

HTMLソースコード

<h1>Heading</h1>
<p><strong>Bold</strong> and <em>italic</em> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<p><a href="https://example.com" target="_blank" rel="noopener noreferrer">Link</a></p>

※ 見出し・強調・リスト・リンク・コードブロックなど基本的な記法に対応しています。

Markdown形式のテキストを、HTMLソースコードに変換できるツールです。見出し・太字・斜体・リスト・リンク・コードブロックなどの基本的な記法に対応しています。CMSやメール本文など、HTMLソースが必要な場面でそのままコピーして使えます。

使い方

変換したいMarkdownテキストを入力します。
変換されたHTMLソースコードが自動的に表示されます。「コピー」ボタンでコピーできます。

計算の仕組み

Markdownは、プレーンテキストに簡単な記号を付けて文書の構造を表す記法です。このツールは記号の種類ごとに、対応するHTMLタグに置き換えています。主な対応は次のとおりです。行頭の「#」の数に応じて <h1>〜<h6> の見出し、「**太字**」は <strong>、「*斜体*」は <em>、行頭の「-」や「1.」は <ul>・<ol> のリスト、「[テキスト](URL)」は <a> のリンク、「```」で囲んだ部分は <pre><code> のコードブロックになります。 HTMLで特別な意味を持つ < や > などの文字は、そのまま出力するとタグとして解釈されてしまうため、< のような文字参照にエスケープしてから出力しています。Markdownには方言が多く、テーブルや脚注などの拡張記法は処理系によって書き方が違うため、このツールは基本的な記法に絞って対応しています。

計算例

次のMarkdownを変換する場合 ## お知らせ **本日**は休業です。詳しくは[こちら](https://example.com)。変換結果のHTML <h2>お知らせ</h2> <p><strong>本日</strong>は休業です。詳しくは<a href="https://example.com" target="_blank" rel="noopener noreferrer">こちら</a>。</p> 段落は <p> タグで囲まれ、太字とリンクがそれぞれのタグに置き換わります。リンクには、新しいタブで開くための target="_blank" と、安全のための rel="noopener noreferrer" が自動で付きます。

使用上の注意

テーブル・脚注・タスクリストなどの拡張記法には対応していません。
外部から受け取った信頼できないMarkdownを表示する場合は、別途HTMLのサニタイズ処理を行ってください。
見た目を確認したい場合は「Markdownプレビュー」ツールが便利です。
改行の扱いは処理系によって異なります。段落を分けるには空行を入れてください。

よくある質問

レンダリングされたプレビューを見たい場合は?

このツールはHTMLソースコードを表示します。見た目のプレビューを確認したい場合は「Markdownプレビュー」もご利用いただけます。

テーブルや脚注などの拡張記法にも対応していますか?

いいえ。現在のバージョンは見出し・強調・リスト・リンク・コードブロックなど基本的な記法のみに対応しています。

変換されたHTMLはそのまま安全に使えますか?

基本的な変換のみを行っており、入力されたテキストはエスケープ処理されます。ただし、外部から受け取った信頼できないMarkdownを本番環境に組み込む場合は、別途サニタイズ処理を行うことをおすすめします。

📝 Markdown→HTML変換

使い方

計算の仕組み

計算例

使用上の注意

よくある質問

関連ツール