Markdown HTML 変換|見出し・リスト・日本語対応
Markdown の見出し・リスト・強調・リンクを HTML コードに変換します。文章を HTML 入力に対応した CMS やテンプレートに移す際に利用できます。変換はブラウザ内で行います。
短い説明文や操作手順を、HTML を受け取る CMS へ移す。
こんなときに使えます
- 短い説明文や操作手順を、HTML を受け取る CMS へ移す。
- Markdown の記法がどの HTML タグになるかを確認する。
使い方
- Markdown を貼り付けるか、UTF-8 のテキストファイルを読み込みます。
- 右側の HTML で見出し、リスト、リンクなどのタグを確認します。
- 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 に渡せます。