Markdown プレビューア

Markdown をリアルタイムにプレビュー。サニタイズ、目次、HTML 書き出し、印刷に対応。

Markdown ソース
Markdown を書く、貼り付ける、またはインポートできます。プレビューはリアルタイムで更新され、すべてブラウザー内に留まります。
ライブプレビュー
レンダリング結果を確認し、アウトラインをチェックして、単独で使える HTML スナップショットを書き出します。
単語87見出し5リンク0画像0読了時間1

Product launch checklist

Launch notes for the next release stay in Markdown until the draft is ready to publish.

Highlights

  • Faster onboarding flow
  • New keyboard shortcuts
  • Print-friendly HTML export

Release plan

Milestone Owner Status
Draft copy Content Done
QA preview Product In review
Publish docs Marketing Pending

Snippet

export function greet(name: string) {
  return `Hello, ${name}!`
}

Follow-up

  1. Publish the README
  2. Share the changelog
  3. Print a copy for review

Markdown is easiest to proof when you can see the structure and the rendered result at the same time.

このツールでできること

Markdown Previewer は Markdown をブラウザー内でローカルにレンダリングし、公開前に見出し、リスト、表、コードブロック、リンク、インライン HTML を確認できます。この rewrite では編集とレビューを近づけ、ライブアウトラインを追加し、下書きをサーバーに送らずに共有や印刷用の単独 HTML コピーを書き出せます。

使う場面

README、リリースノート、社内ドキュメント、runbook、ブログの下書きなど、表示をすばやく確認したい Markdown に使います。サニタイズ切り替えは、より安全なブラウザープレビューと生の HTML を比較するのに役立ち、クリーンとスレートのテーマで明るい面と暗い面の読み心地を確認できます。

ワークフローのヒント

ソースパネルで編集するとライブプレビューがレンダリング結果を追従するので、アウトラインを使ってリズム、余白、見出し階層を確認します。既存の .md ファイルをインポートし、サンプル文書で表やフェンス付きコードブロックをテストして、アウトラインと最終見出しが整ってから HTML を書き出してください。