⌘K でツールを切替
TEXT

Markdownプレビュー

Markdownを書いてライブレンダリングでプレビューします。

local
markdown-preview

Rendered locally and sanitized with DOMPurify. Nothing is sent anywhere.

§01 このツールについて

概要

2ペイン構成のMarkdownエディターです。左ペインに入力すると右ペインに レンダリング結果が即座に表示されます。パースは marked、表示前の サニタイズは DOMPurify が担うため、埋め込みHTML経由のスクリプト注入は できません。READMEの下書き、スニペットの表示確認、Markdown構文の デバッグに便利です。

使い方

  1. Markdown ペインに入力または貼り付けます(初期状態でサンプル文書が入っています)。
  2. キー入力のたびに Preview ペインが更新されるのを確認します。
  3. 表示が意図どおりになったら、左ペインからソースをコピーします。

使用例

  • **bold** と _italic_ → プレビューでは太字・斜体で表示
  • `inline code` やフェンス付き ``` ブロックは等幅フォントで表示
  • [links](https://example.com)# 見出し- リスト項目 はリンク・見出し・箇条書きとして表示

注意事項

プレビューはあくまで近似です。GitHub・GitLab・静的サイトジェネレーターは それぞれ独自のCSSと拡張を適用するため、余白や高度な構文の表示は配置先で 異なることがあります。DOMPurifyが危険と判定した生HTMLはプレビューから 静かに除去されます。

FAQ
入力したMarkdownはサーバーに送信されますか?
いいえ。レンダリングはmarkedライブラリを使ってブラウザ内で行われ、生成されたHTMLは表示前にDOMPurifyでサニタイズされます。送信も保存も一切ありません。
信頼できないMarkdownをプレビューしても安全ですか?
レンダリング結果はDOMPurifyを通過し、scriptタグやイベントハンドラなど危険なHTMLはページに触れる前に除去されます。ただし、信頼できないコンテンツ内のリンクをクリックするのは避けてください。
どのMarkdown方言に対応していますか?
markedを使用しており、CommonMarkに加えてフェンス付きコードブロックやオートリンクなどGitHub系の一般的な拡張をサポートします。GitHubのタスクリストチェックボックスなどプラットフォーム固有の拡張は、GitHub本体と表示が異なる場合があります。