コンテンツへスキップ

MDMarkdown ↔ HTML 変換

読み込み中...

Markdownは書きやすく読みやすいドキュメント作成言語ですが、最終的にはHTMLとして描画されます。このツールは、その変換を双方向で行います。既存のHTML記事をMarkdown化して再利用したり、Markdownをブログ用のHTMLに変換したりするのに最適です。

使い方

  1. 1
    変換方向を選択

    上部の切り替えスイッチで方向を選びます。入力内容は保持されたまま切り替わります。

  2. 2
    オプション設定

    Markdown→HTMLではGFM(テーブル等)やKaTeX(数式)の有効化、HTMLの整形形式を選べます。HTML→Markdownでは、見出しやリストの記号スタイルなどを指定できます。

  3. 3
    入力を開始

    左側にテキストを入力します。少しの間を置いて自動的に変換が実行されます。

  4. 4
    プレビューで確認

    下部のプレビューエリアで、実際のレンダリング結果(または再構成結果)を確認できます。

  5. 5
    結果をコピー

    右側の出力エリアのコピーボタンからテキストを取得します。

ヒント

  • 💡GitHubのREADMEを貼り付けると、プッシュ前にレンダリング結果を正確に確認できます。
  • 💡過去のブログ記事(HTML)をMarkdownに変換して整理・管理するのに便利です。
  • 💡数式(KaTeX)は $E=mc^2$ のような標準的な記法に対応しています。
  • 💡「タグを保持」設定を使えば、特定の複雑なHTML要素をMarkdown変換後もそのままHTMLとして残せます。

よくある質問

Q. Markdownとは何ですか?
A. Markdownは2004年にJohn Gruberが作成した軽量マークアップ言語です。プレーンテキストで書式を表現してHTMLに変換します。GitHub、Notionなどで広く使われています。
Q. GitHub Flavored Markdown(GFM)は標準Markdownとどう違いますか?
A. GFMはテーブル、タスクリスト(- [x])、コードブロックの言語指定、自動URLリンクなどの拡張記法を追加しています。
Q. 変換されたHTMLをそのまま使うのは安全ですか?
A. MarkdownにHTMLタグやスクリプトが含まれる場合、XSS脆弱性が生じる可能性があります。ユーザー入力のMarkdownはDOMPurifyなどでサニタイズしてから使用してください。

DevHelper

© 2026. All rights reserved.