Markdown → HTMLについて
左に Markdown を入力すると marked が同期 parse します（別途「変換」ボタンなし）。右はプレビューと HTML ソースを切替、出力クリックでコピー。
ツールバーに表・コードフェンス等のサンプルあり。GitHub Flavored Markdown の脚注・取り消し線等は github.com と完全一致とは限りません。
できること
marked の出力
空入力はエラー。有効な Markdown は末尾改行付き HTML 断片。構文エラー時は部分 HTML を出しません。
プレビューとソース
プレビューで見た目、ソースでタグ文字列。CMS が class を落とす場合のタグ確認に。
生 HTML
- Markdown 内の HTML ブロックはそのまま出力へ。
- 信頼できない貼り付けは DOMPurify 等でサニタイズしてから公開。
よくある使い方
push 前の README
組み込みサンプルでネストリスト・フェンス・表の見え方を社内 wiki 想定で確認。
CMS へ HTML 貼付
版式はプレビュー、貼る文字列はソースからコピー。
よくある質問
- Markdown を HTML にするには？
- 左に入力するだけで marked.parse が走り右が更新。プレビュー/ソース切替後、出力をクリックしてコピー。
- Markdown と HTML は同じ？
- Markdown は執筆用軽量記法、HTML はブラウザマークアップ。パーサごとに HTML は変わり得ます。
- GitHub の表と違う理由は？
- GitHub は GFM 拡張。本ツールは marked の一般コア寄り。パイプ表は可、脚注等は差が出ます。
- 出力 HTML は安全？
- ソースを信頼できる場合のみ。悪意ある raw HTML や javascript: リンクがあり得ます。
- 完全な HTML ドキュメントになる？
- いいえ、断片のみ。<!DOCTYPE> や head/style はサイト側で足してください。
- HTML から Markdown に戻せる？
- 本ページは Markdown→HTML のみ。逆方向は専用ツールや SSG の import を。