Markdown ↔ HTML変換
Markdown をライブプレビュー付きで HTML に変換、HTML から Markdown への逆変換も
ローカル実行
loading…
このツールについて
Markdown を書くか貼り付けると、レンダリングされたプレビューと生成された HTML が並んで表示されます — 見出し、GFM のテーブル、タスクリスト風の箇条書き、フェンス付きコードブロック、取り消し線も含めてです。逆方向では、既存の HTML を ATX 見出し、ダッシュの箇条書き、フェンス付きコードによるクリーンな Markdown に変換します。古い CMS のコンテンツをドキュメントリポジトリへ移行する最速の方法です。
プレビューはレンダリング前にサニタイズされます。スクリプト、iframe、イベントハンドラー属性は取り除かれるため、悪意あるマークアップを載せた共有リンクがブラウザ内で何かを実行することはできません。HTML 出力欄には、テンプレートやメールにコピーするための生の変換結果が常に表示されます。
変換とプレビューはローカルで実行されます。未発表の機能名を含むリリースノートの下書きも、あなたのマシンから出ません。
よくある質問
- これはどの Markdown フレーバーですか?
- CommonMark に、実際によく使われる GitHub 拡張 — テーブル、取り消し線、URL の自動リンク — を加えたものです。ソフトな改行はソフトなままです。単一の改行は <br> にならず、GitHub のドキュメントレンダリングと一致します。
- なぜプレビューと生の HTML 出力が違うのですか?
- プレビューはレンダリング前に、script タグ、インラインイベントハンドラー、javascript: URL を取り除くサニタイザーを通ります。出力欄はレンダリングされるマークアップではなくテキストなのでサニタイズを通しません — ユーザー提供の HTML を埋め込むなら、下流でサニタイズしてください。
- HTML → Markdown はどのくらい忠実ですか?
- 構造的な要素 — 見出し、リスト、リンク、強調、コード、引用、画像 — はきれいに変換されます。Markdown に対応物がない HTML(入れ子のテーブル、クラス付きの div、インラインスタイル)は生の HTML として素通しになるか、スタイルを失います。変換後にざっと読み返す価値はあります。
- 生成された HTML はメールで使えますか?
- 使えます — 出力はクラスも外部スタイルシートもないプレーンでセマンティックな HTML で、メールクライアントが最も許容しやすい形です。必要なスタイルはその上にインラインで足してください。