Toolhaus

Markdown プレビュー

Markdown を書くと、レンダリング結果が横並びでライブ表示。

左側に Markdown を入力すると、右側で整形されたプレビューが即座に更新されます。見出し・太字・斜体・リスト・リンク・引用・コードに対応。生の HTML は安全のためエスケープされ、アップロードはされません。すべてブラウザ内で動作します。

プレビュー

Hello

Type Markdown and see it rendered live.

左側の欄に Markdown を入力またはペーストしてください。見出し、太字・斜体、インラインコード、コードブロック、リンク、引用、番号付き・番号なしリストがすべて使えます。右側の HTML プレビューは入力するたびに即座に更新されるので、README やコメント、Wiki ページに貼り付ける前にレイアウトを確認できます。処理はすべてブラウザ内で完結し、入力内容がどこかに送信されることはありません。

よくある間違い

  • 表やタスクリストのチェックボックス、~~取り消し線~~ といった GitHub 風の拡張機能を期待してしまう — このプレビューが対応するのはコアな Markdown のみで、GFM 仕様全体には対応していません。
  • 生の HTML タグを貼り付けてレンダリングされることを期待してしまう — 安全のため、Markdown 内の HTML はエスケープされ、実行されずにそのままテキストとして表示されます。
  • ![alt](photo.png) のような画像記法で実際の画像が表示されると期待してしまう — この記法はリンクとして解釈されるだけで画像にはならず、ローカルのファイルパスもブラウザのプレビューでは読み込めません。

よくある質問

生の HTML に対応していますか?

安全のため、Markdown 内の HTML はエスケープされ、レンダリングせずテキストとして表示されます。

GitHub のような表やタスクリストに対応していますか?

対応していません。このプレビューは見出し・太字/斜体・インラインコード・コードブロック・リンク・引用・リストといったコアな Markdown のみに対応しており、表やタスクリスト、取り消し線などの GFM 拡張機能には対応していません。

画像記法を書くと実際に画像が表示されますか?

されません。画像記法はリンクとして解釈されるため、実際の画像プレビューが必要な場合は専用の Markdown アプリを使ってください。

入力した Markdown は保存されたりサーバーに送信されたりしますか?

されません。処理はすべてブラウザのタブ内で完結し、ページを閉じた後にテキストが保存されたりアップロードされたりすることはありません。

コードブロック内のコードにシンタックスハイライトは付きますか?

付きません。コードブロックは言語ごとの色付けなしで、等幅フォントのプレーンな表示になります。

プライバシー

すべての処理はブラウザ内でローカルに実行され、データがアップロードされることはありません。

このカテゴリの実用ガイドを読む。

関連ツール