本文へスキップ

Markdown HTML 変換|見出し・リスト・日本語対応

Markdown の見出し・リスト・強調・リンクを HTML コードに変換します。文章を HTML 入力に対応した CMS やテンプレートに移す際に利用できます。変換はブラウザ内で行います。

短い説明文や操作手順を、HTML を受け取る CMS へ移す。

Markdown

HTML

こんなときに使えます

  • 短い説明文や操作手順を、HTML を受け取る CMS へ移す。
  • Markdown の記法がどの HTML タグになるかを確認する。

使い方

  1. Markdown を貼り付けるか、UTF-8 のテキストファイルを読み込みます。
  2. 右側の HTML で見出し、リスト、リンクなどのタグを確認します。
  3. HTML をコピーし、貼り付け先で CSS や画像のパスを確認します。

入力例

# 使い方

**日本語**の説明です。

- 入力
- コピー

出力例

<h1>使い方</h1>
<p><strong>日本語</strong>の説明です。</p>
<ul>
  <li>入力</li>
  <li>コピー</li>
</ul>

仕様と注意点

HTML の本文部分を生成します。CSS、画像、フォントをまとめた Web サイトや PDF を出力するものではありません。

GitHub Flavored Markdown のすべての拡張には対応していません。パイプ区切りの表は表の HTML にならず、通常の文章として残ります。

画像やリンクの相対パスは貼り付け先を基準に解釈されます。移動先に合わせてパスを調整してください。第三者の入力を公開する場合は、利用先でも URL や HTML の安全性を確認してください。

入力内容は同じタブ内に一時保存され、再読み込みや同じ入力形式のツールで再表示される場合があります。共用端末では、使い終わったら入力欄をクリアしてください。

よくある質問

表やチェックボックスが同じ見た目になりません。

Markdown の拡張記法は環境によって対応が異なります。この変換器では GitHub の表示を完全には再現しません。基本の見出し、段落、リストから確認し、拡張が必要な部分は利用先の仕様に合わせてください。

日本語や画像も使えますか?

日本語の本文はそのまま扱えます。画像は画像データそのものを埋め込むのではなく、Markdown で指定した参照先を持つ HTML になります。貼り付け先から画像にアクセスできるか確認してください。

PDF や React 用のコードに変換できますか?

このページの出力は HTML です。PDF 作成には対応していません。React で使う JSX が必要なら、変換した HTML を関連ツールの HTML → JSX に渡せます。

仕様を確認する