Markdownプレビューツール — 無料オンライン

Markdownを入力・貼り付けると、レンダリングされたHTMLプレビューがリアルタイムで表示されます。

結果は情報提供のみを目的としており、誤りを含む場合があります。重要な情報は必ずご自身で確認してください。本ツールのご利用は自己責任でお願いいたします。

このツールでできること

Markdownプレビューツールは、入力中のMarkdownを整形されたテキストとしてレンダリングします。ほとんどのREADMEやメモで使われる要素に対応しています。#から######までの見出し、アスタリスク2つで囲む太字、アスタリスク1つで囲む*斜体*、バッククォートで囲むインラインのcode、バッククォート3つで囲むフェンス付きコードブロック、-または*による箇条書き、[text](url)形式のリンクです。

プレビューは安全性を重視して作られています。入力に含まれる生のHTMLは実行されずにテキストとして表示され、クリックできるリンクになるのはhttp、https、mailtoだけなので、貼り付けたMarkdownがjavascript:リンクを実行することはありません。レンダリングはすべてブラウザ内で行われます。表、番号付きリスト、ダウンロード可能なHTMLファイルが必要な場合は、MarkdownをHTMLに変換を使ってください。

こんなときに使えます

  • READMEやプルリクエストの説明を投稿前に確認するとき。
  • リリースノートや変更履歴のエントリーを書き、最終的な見た目を確認するとき。
  • すぐに結果を確認しながらMarkdownの構文を学ぶとき。
  • AIが生成したMarkdownをドキュメントに貼り付ける前に確認するとき。

使用例

入力

## Release 1.2

- **Fixed:** login timeout
- Added `--dry-run` flag

[Changelog](https://example.com/changelog)

出力

<h2>Release 1.2</h2><ul><li><strong>Fixed:</strong> login timeout</li><li>Added <code>--dry-run</code> flag</li></ul><p><a href="https://example.com/changelog" target="_blank" rel="noopener">Changelog</a></p>

このツールについての質問

番号付きリストや表がレンダリングされないのはなぜですか?

このプレビューツールが対応しているのは、Markdownのコンパクトなサブセットです。番号付きリスト、表、引用ブロック、画像は通常の段落として表示されます。GitHub Flavored Markdownの構文すべてに対応したMarkdownをHTMLに変換をご利用ください。

Markdownの中でHTMLタグを使えますか?

このツールでは使えません。貼り付けた内容からスクリプトを埋め込まれないよう、タグはテキストとして表示されます。インラインHTMLを許可するMarkdownレンダラーは多いので、公開先では機能する場合があります。

表をすばやく作るには?

グリッドに入力して作るならMarkdownテーブル生成ツール、スプレッドシートからコピーした行を変換するならCSV to Markdownテーブル変換を使ってください。

アスタリスク1つと2つの違いは何ですか?

両側をアスタリスク1つで囲むと斜体、2つで囲むと太字になります。ほとんどのレンダラーではアンダースコアも同じように機能しますが、このプレビューツールはアスタリスクにのみ対応しています。

このツールは無料ですか?

はい、無料でご利用いただけます。登録・メールアドレス不要。結果はこのページに表示されます。

結果はどこで確認できますか?

このページでツールを使用すると、結果がここに表示されます。メールで受け取る必要はありません。