Markdownエディター＆プレビュー
Markdownを入力すると、サニタイズ済みのHTMLプレビューがリアルタイムで表示されます。
Markdownプレビューについて
Markdownプレビューは、入力するそばからGitHub風Markdownを HTML に変換し、表示前に必ずDOMPurifyを通します。ドキュメントやREADME、メモを書きながら、実際の見た目をすべてブラウザ内で確認できます。
機能：
- GFMを有効にしたmarkedによる、300ミリ秒のデバウンス付きライブプレビュー
- 表示前にすべてのレンダリング結果をDOMPurifyでサニタイズ
- プレビュー内のリンクは自動的に安全な形で新しいタブに開く
- サニタイズ済みの生HTMLソースを確認・コピー・ダウンロード可能
Markdownプレビューの使い方
- エディターにMarkdownを入力または貼り付け
- サニタイズ済みプレビューが自動更新されるのを確認
- 「HTMLソース」タブに切り替えて生のマークアップを確認
- HTMLをコピーするか.htmlファイルとしてダウンロード
よくある質問
どのMarkdown構文に対応していますか？
このツールはmarkedライブラリを通じてGitHub Flavored Markdown（GFM）を使用しているため、見出し、リスト、テーブル、タスクリスト、コードブロック、リンク、画像、太字・斜体などのインライン装飾に対応しています。
プレビューはGitHubの表示と完全に一致しますか？
近い近似ですが、ピクセル単位で完全に一致するわけではありません。どちらもテーブル、タスクリスト、取り消し線にGFMのルールを使用しますが、GitHubは独自のCSSと@メンションやissueリンクなどプラットフォーム固有の調整を適用しており、このツールはそれらを再現していません。
プレビューは自動的に更新されますか？
はい。入力を止めてから約300ミリ秒後にプレビューが再レンダリングされるため、キー入力のたびに再計算することなく応答性を保てます。
信頼できないMarkdownをここに貼り付けても安全ですか？
はい。markedが生成するHTMLはすべて、表示前にDOMPurify.sanitize() を通過し、スクリプトやイベントハンドラーなどの危険なマークアップが除去されます。リンクも rel="noopener noreferrer" 付きで開くよう強制されるため、貼り付けたコンテンツがタブを乗っ取ることはできません。
プレビューの代わりに生のHTMLを取得できますか？
はい。「HTMLソース」タブに切り替えると、サニタイズ済みのマークアップをテキストとして確認でき、コピーしたり単体の.htmlファイルとしてダウンロードしたりできます。
このツールは文書をどこかに送信しますか？
いいえ。Markdownの解析とサニタイズは、ページと一緒に読み込まれるJavaScriptライブラリを使ってすべてブラウザ内でローカルに実行されます。文書がアップロードされることはありません。
プライバシー
Markdownはすべてブラウザ内でレンダリングされます。入力した内容がサーバーへアップロードや保存されることはありません。