Markdownプレビューア
Markdownを入力または貼り付けると、レンダリングされたHTMLプレビューを隣に即座に表示します。すべてブラウザ内で完結します。
🔒 お使いのブラウザ内でローカル処理されます
Loading…
使い方
- 左側（モバイルでは上側）の「Markdown」ボックスにMarkdownを入力または貼り付けます。
- 入力すると同時に、右側（モバイルでは下側）のレンダリング済みHTMLプレビューがリアルタイムで更新されます——ボタンを押す必要はありません。
- 見出し、太字/斜体、リスト、リンク、引用ブロック、コードブロックはすべて読みやすいデフォルトスタイルで表示されます。
- 「リセット」をクリックすると、Markdownの入力内容とプレビューの両方がクリアされ、最初からやり直せます。
特徴
- 入力と同時に更新される、Markdown to HTMLのリアルタイム並列プレビュー
- 見出し、太字/斜体、リスト、リンク、引用ブロック、コードブロックに対応
- 広く使われているmarkedライブラリを採用し、GitHub Flavored Markdownに近い信頼性の高い解析を実現
- 100%クライアントサイド処理——Markdownはブラウザの外に出ません
- 登録不要、ファイルアップロード不要——入力するだけで即座に結果を確認できます
よくある質問
入力したMarkdownはどこかに送信されますか？
いいえ。Markdownプレビューアはすべてブラウザ内で完結します。MarkdownはローカルでHTMLに変換され、サーバーにアップロードされることはありません。
どのMarkdown記法に対応していますか？
このプレビューはmarkedライブラリによって動作しており、CommonMark仕様に準拠しつつ、テーブルやフェンス付きコードブロック、取り消し線といったGitHub Flavored Markdown風の拡張機能にも対応しています。日常的に使うMarkdownのほとんどをカバーします。
READMEファイルやドキュメントの作成に使えますか？
はい。コミットしたり他の場所に公開したりする前に、READMEやブログ記事、ドキュメントの見た目を確認するのに最適です。
テーブルや画像には対応していますか？
はい、テーブルと画像はどちらも解析・表示されます。ただし画像タグは、参照している画像URLが公開アクセス可能な場合にのみ表示されます。ブラウザからは何もアップロードされないためです。
なぜプレビューのHTMLはプレーンテキストではなく、そのまま描画されるのですか？
実際のHTMLをそのまま描画することこそが、ライブプレビューの目的だからです——公開後にMarkdownがどう見えるかを正確に確認できます。これはすべてローカルで行われ、その結果を見るのはあなただけです。