Markdown → HTML プレビュー
Markdown を入力して HTML に変換し、リアルタイムプレビューを表示します。
Markdown → HTML 変換
MarkdownをHTMLに変換してソースコードを取得できます。フルHTMLドキュメント出力・ダウンロードにも対応。
入力データはブラウザ内で処理されます
データはサーバーへ送信されません
変換ツール
Markdown → HTML 変換ツールとは？
Markdownで書いたドキュメントをHTMLとして書き出したいとき、変換後のHTMLソースをそのまま取得するためのツールです。
「Markdown → HTML プレビュー」が見た目の確認に特化しているのに対し、このツールは HTMLソースの取得・活用 に特化しています。コピー・ファイルダウンロード・フルHTMLドキュメント生成などに対応しており、CMSへの貼り付けや静的ページ作成の際に活用できます。
使い方
- 左側のテキストエリアにMarkdownを入力すると、右側にHTMLが即座に生成されます。
- 「HTMLコード」タブで生成されたHTMLのソースを確認し、「プレビュー」タブでブラウザ上の見た目を確認できます。
- 「GFM」オプションを有効にするとテーブルや取り消し線などGitHub拡張構文が使えます。
- 「フルHTMLドキュメントとして出力」を有効にすると、`<!DOCTYPE html>` から始まる完全なHTMLファイルとして出力されます。
- 「HTMLをコピー」でクリップボードにコピー、「HTMLをダウンロード」で `output.html` としてファイル保存できます。
よくある質問
既存の「Markdown → HTML プレビュー」ツールとの違いは何ですか？
既存のプレビューツールはMarkdownの見た目確認に特化しています。こちらの変換ツールはHTMLのソースコード取得・ファイルダウンロード・フルドキュメント生成など、変換結果を実際に使うことに特化しています。
生成されるHTMLはXSS対策されていますか？
プレビュー表示にはDOMPurifyによるサニタイズを適用しています。ただし「HTMLコード」欄に表示・出力されるHTMLは変換そのままの出力です。信頼できないソースのMarkdownを変換する場合は、HTMLの利用側でも適切なサニタイズを行ってください。
GFM（GitHub Flavored Markdown）とは何ですか？
GitHubが拡張したMarkdown仕様で、テーブル・取り消し線・チェックボックスリストなどの構文が追加されています。多くのサービスで標準的に使われています。
「改行を<br>に変換」オプションはいつ使いますか？
通常のMarkdownでは改行は段落分割に使われますが、このオプションを有効にすると1行の改行がそのまま`<br>`タグになります。詩やメッセージなど改行を視覚的に反映させたい場合に有用です。