MDMarkdown ↔ HTML 変換
読み込み中...
Markdownは書きやすく読みやすいドキュメント作成言語ですが、最終的にはHTMLとして描画されます。このツールは、その変換を双方向で行います。既存のHTML記事をMarkdown化して再利用したり、Markdownをブログ用のHTMLに変換したりするのに最適です。
使い方
- 1変換方向を選択
上部の切り替えスイッチで方向を選びます。入力内容は保持されたまま切り替わります。
- 2オプション設定
Markdown→HTMLではGFM(テーブル等)やKaTeX(数式)の有効化、HTMLの整形形式を選べます。HTML→Markdownでは、見出しやリストの記号スタイルなどを指定できます。
- 3入力を開始
左側にテキストを入力します。少しの間を置いて自動的に変換が実行されます。
- 4プレビューで確認
下部のプレビューエリアで、実際のレンダリング結果(または再構成結果)を確認できます。
- 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などでサニタイズしてから使用してください。