SummaryLog

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 code and code blocks
  • Links and images

> Everything runs locally in your browser.

  1. No signup
  2. No tracking
  3. No upload

入力すると同時にMarkdownをHTMLへレンダリングするツールです。READMEやGitHubのコメント下書き、リリースノートを左側に貼り付けると右側のプレビューが即座に更新され、コミットや投稿の前に書式を確認できます。

見出し、番号付き・箇条書きリスト、コードブロックとインラインコード、引用、区切り線、太字、斜体、リンク、画像など日常的に使う記法に対応しています。HTMLコピーボタンで生成したマークアップをCMSやメールのテンプレート、静的サイトにそのまま持ち込めます。

使い方

  1. 左側のMarkdown入力欄にMarkdownを入力または貼り付けます。
  2. 右側のプレビュー欄でHTMLがリアルタイムにレンダリングされる様子を確認します。
  3. プレビューが意図どおりになるまでMarkdownを調整します。
  4. HTMLコピーボタンを押して生成されたマークアップをクリップボードにコピーします。
  5. コピーしたHTMLをCMSやメール、Webページに貼り付けます。

よくある質問

入力したMarkdownはサーバーに送信されますか?
いいえ。解析とレンダリングはすべてブラウザ内のJavaScriptで行われます。何もアップロードされないため、非公開のメモや社内ドキュメント、未公開のコンテンツにも安全に使えます。
どのMarkdown記法に対応していますか?
見出し(# ~ ######)、箇条書き・番号付きリスト、コードブロック(```)とインラインコード、引用、区切り線、太字、斜体、リンク、画像に対応します。入力中の生のHTMLはそのまま通さずエスケープされます。
HTMLコピーを押すと生のHTMLマークアップがコピーされますか?
はい。書式付きのリッチテキストではなくレンダリング後のHTML文字列がコピーされるため、テンプレートやCMSの入力欄、静的サイトのソースにそのまま貼り付けられます。
リンクや画像がなぜ'#'リンクに変わったのですか?
安全のため、http、https、mailto、ルート相対パス(/)、アンカー(#)のURLのみ許可しています。javascript:やdata:スキームを使ったリンクはスクリプト挿入を防ぐため'#'に置き換えられます。