Markdown Preview
Live Markdown to HTML preview. Runs entirely in your browser — nothing is uploaded.
Preview
Markdown Preview
Type Markdown on the left, see rendered HTML on the right.
Features
- Headings, lists, quotes
inline codeand code blocks- Links and images
> Everything runs locally in your browser.
- No signup
- No tracking
- No upload
入力すると同時にMarkdownをHTMLへレンダリングするツールです。READMEやGitHubのコメント下書き、リリースノートを左側に貼り付けると右側のプレビューが即座に更新され、コミットや投稿の前に書式を確認できます。
見出し、番号付き・箇条書きリスト、コードブロックとインラインコード、引用、区切り線、太字、斜体、リンク、画像など日常的に使う記法に対応しています。HTMLコピーボタンで生成したマークアップをCMSやメールのテンプレート、静的サイトにそのまま持ち込めます。
使い方
- 左側のMarkdown入力欄にMarkdownを入力または貼り付けます。
- 右側のプレビュー欄でHTMLがリアルタイムにレンダリングされる様子を確認します。
- プレビューが意図どおりになるまでMarkdownを調整します。
- HTMLコピーボタンを押して生成されたマークアップをクリップボードにコピーします。
- コピーしたHTMLをCMSやメール、Webページに貼り付けます。
よくある質問
- 入力したMarkdownはサーバーに送信されますか?
- いいえ。解析とレンダリングはすべてブラウザ内のJavaScriptで行われます。何もアップロードされないため、非公開のメモや社内ドキュメント、未公開のコンテンツにも安全に使えます。
- どのMarkdown記法に対応していますか?
- 見出し(# ~ ######)、箇条書き・番号付きリスト、コードブロック(```)とインラインコード、引用、区切り線、太字、斜体、リンク、画像に対応します。入力中の生のHTMLはそのまま通さずエスケープされます。
- HTMLコピーを押すと生のHTMLマークアップがコピーされますか?
- はい。書式付きのリッチテキストではなくレンダリング後のHTML文字列がコピーされるため、テンプレートやCMSの入力欄、静的サイトのソースにそのまま貼り付けられます。
- リンクや画像がなぜ'#'リンクに変わったのですか?
- 安全のため、http、https、mailto、ルート相対パス(/)、アンカー(#)のURLのみ許可しています。javascript:やdata:スキームを使ったリンクはスクリプト挿入を防ぐため'#'に置き換えられます。