Markdownプレビュー

Markdownを貼るだけ。ブラウザで即プレビュー(md→HTML変換)。

変換はこのブラウザ内で実行されます。入力内容は送信・保存しません。

ローカル変換 入力は送信しない 保存しない

md→HTML変換(ブラウザで即確認)

  • 左でMarkdownを編集し、右でHTMLプレビューをすぐ確認できます。
  • HTMLタブで生成HTMLをそのまま確認できます。
  • ライブプレビューOFF時は Ctrl/Cmd + Enter で更新できます。

対応Markdown(GFM一部)とGitHubとの差分

対応

  • 見出し、段落、強調、リンク、画像
  • 箇条書き・番号付きリスト
  • 引用、フェンスコード
  • 表、タスクリスト
  • 打ち消し線

非対応(初期)

  • 数式(LaTeX)
  • Mermaid
  • GitHub拡張とCSSの完全一致

GitHub表示に近い出力を目指しますが、完全一致は保証しません。

使い方

  1. Markdownを入力欄に貼り付けます。
  2. Previewタブで表示を確認します。
  3. 必要ならHTMLをコピーまたはダウンロードします。

サンプル

README風の断片

入力: 見出し・表・コード・タスクを含むMarkdown

出力: 構造を確認しながらHTMLプレビュー

ブログ用HTML出力

入力: リンクとリスト中心の短文Markdown

出力: そのまま使えるHTMLをコピー/ダウンロード

FAQ

GitHubと同じ表示ですか?

完全一致は難しいため、対応範囲(GFM一部)を明記しています。GitHub固有拡張やCSS差で見た目が異なる場合があります。

数式やMermaidは使えますか?

初期は非対応です。要望が多ければオプション追加を検討します。

入力は保存されますか?

保存しません。変換はブラウザ内で行い、内容をサーバーへ送信しません。

出力HTMLをそのままブログに貼って大丈夫ですか?

多くの場合利用できますが、貼り付け先サービス側のHTML制限がある場合はその仕様に従ってください。

注意事項

  • 入力内容はページ更新や終了で消えます。必要ならHTMLをダウンロードしてください。
  • HTML許可をONにしても、安全のためサニタイズは常に実行します。
  • 長文入力時はライブ更新を間引いて操作感を維持します。