Markdownプレビューエディタとは
Markdownプレビューエディタは、左ペインがテキストエディタ、右ペインがMarkdownをリアルタイムでHTMLにレンダリングする分割画面の作成環境です。GitHub Flavored Markdown(GFM)をサポートしています。
クイックアンサー
左ペインでMarkdownを記述すると、右ペインにレンダリングされたHTMLが即座に更新されます。GFMの見出し、太字、斜体、シンタックスハイライト付きコードブロック、テーブル、タスクリスト、ブロッククオート、リンクをサポートしています。
Last updated: 2026-06-09
制限事項
- このツールはブラウザ内でMarkdownをレンダリングするため、すべてのMarkdownエンジンと完全に一致しない場合があります。
- 非常に大きなドキュメント(10万字以上)は、キー入力ごとにリアルタイムで再レンダリングされるため、パフォーマンスが低下する可能性があります。
- 埋め込み画像はプレビューにインライン表示されますが、公開アクセス可能なURLが必要です。
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
使い方
- 左側のエディタペインにMarkdownを入力または貼り付けます。右側のプレビューペインは入力に応じて自動的に更新されます。
- 標準のMarkdown構文を使用します。# は見出し、**太字**、*斜体*、`code` はインラインコード、三重バッククオートはコードブロックです。
- パイプとダッシュを使用してテーブル(| col1 | col2 |)を作成し、- [ ] と - [x] の構文でタスクリストを作成します。
- プレビューペインからレンダリングされたHTMLをコピーするか、Markdownソースをコピーして他のツールで使用します。
主な用途
- コミット前にGitHubのREADME.mdファイルを作成およびプレビューして、すべてのGFM機能が正しくレンダリングされることを確認します。
- Markdownでドキュメントを作成し、見出し、コードブロック、テーブルが公開時にどのように表示されるかを即座に確認します。
- Markdownで記述してレンダリングされたHTMLをコピーすることで、フォーマットされたメールコンテンツやCMSエントリを作成します。