Markdownプレビュー

無料のMarkdownプレビュー。Markdownを入力すると安全にHTML表示し、生成したHTMLをコピーできます。

広告

ブラウザでMarkdownをプレビュー

左側にMarkdownを書くと、右側で表示結果をすぐ確認できます。見出し、強調、リンク、リスト、引用、区切り線、コードブロックに対応しています。

生HTMLはエスケープして表示するため、貼り付けた内容からスクリプトが実行されることはありません。

使い方

  1. Markdownを入力する 左側のエディタに書くか貼り付けると、すぐにプレビューが更新されます。
  2. 表示を確認する 公開前に見出し、リンク、リスト、コードの見え方を確認します。
  3. 必要ならHTMLをコピーする 対応するエディタ向けに安全な生成HTMLをコピーできます。

使いこなすためのヒント

  • 3つのバッククォートで囲むと、コードを整形したまま表示できます。
  • 安全のため、生HTMLは実行せず文字として表示します。
広告

よくある質問

いいえ。描画とコピーはすべてブラウザ内で行われます。

いいえ。生HTMLはエスケープされ、文字として表示されます。

見出し、強調、リンク、リスト、引用、区切り線、コードブロックなどの一般的な記法に対応します。
ツールくん

公開前にプレビューする理由

Markdownは書きやすい一方、記号を一つ落とすだけでページ構造が変わることがあります。ライブプレビューなら、README、Issue、Wiki、CMSへ貼り付ける前に見出しやリンクを確認できます。

このツールは任意のHTMLを実行するのではなく、安全な一般的記法を優先しています。自分で書いた原稿だけでなく、信頼できない場所からコピーした文章の確認にも使えます。

広告