Markdown Preview Lab v1.0

GitHub / Qiita / Zenn の見え方を比較

Markdown エディタ

同じMarkdownを GitHub / Qiita / Zenn 風に切り替え、投稿先ごとの互換性も確認できます。

ブラウザ内で処理Local
自動保存済み
表示
スタイル
Markdown
サンプル表示中
0 chars · 0 lines
Markdownファイルをドロップ
GitHub Preview近似プレビュー
A
B

投稿先の互換性チェック

記法を簡易解析して、移植時に確認したい箇所を表示します。

GitHub100%
Qiita100%
Zenn100%

※ スコアは独自ルールによる目安です。各サービスの公式レンダラーと完全一致するものではありません。

使い方と注意事項

基本操作

左側にMarkdownを書くと右側へ即時反映します。スタイルを切り替えると、GitHub / Qiita / Zenn 風の見え方を比較できます。内容はLocalStorageへ自動保存されます。

比較モード

「比較」を選ぶと、右側に2種類のプレビューを同時表示します。スマホでは下の「比較」タブから2プレビューを上下に確認できます。

互換性チェック

GFM固有記法、Zennメッセージ、数式、HTMLなどを検出して注意点を表示します。判定は補助機能であり、各サービスの公式仕様を完全再現するものではありません。

プライバシー / オフライン

外部ライブラリやCDNを使わず、このHTMLだけで動作します。CSPで外部通信を禁止しているため、Markdown内の外部画像は実画像を読み込まずプレースホルダーとして表示します。

v1.0で対応する主な記法

Custom CSS

プレビュー用の .md を対象にCSSを書いてください。例: .md h2 { color: #16624f; }