Skip to content
Zoyku

Markdown プレビューアー

Markdown を入力しながらサニタイズ済み HTML でリアルタイムプレビュー — 見出し・リスト・表・コード・リンクを即時描画。README やドキュメントに。

プレビュー…

このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。

使い方

  1. 1左ペインに Markdown を入力または貼り付けます。
  2. 2書きながら右側のサニタイズ済みプレビューが更新されます。
  3. 3良さそうなら生成された HTML をコピー、またはクリアしてやり直します。

Markdown プレビューアー

左側で Markdown を書くと、右側にレンダリング結果がリアルタイムに現れます:見出し・強調・リスト・表・引用・タスクリスト・コードブロックを、広く使われている marked エンジンで描画します。

生成された HTML は表示前に厳格なタグ・属性ホワイトリストでサニタイズされます — script・イベントハンドラー・javascript: リンクは除去 — 綺麗な HTML をブログや CMS、メールテンプレートにそのまま貼り付けられます。

よくある質問

プレビューされる HTML は安全ですか?

はい。表示前にホワイトリスト方式のサニタイザーを通し、script タグ・インラインのイベントハンドラー・javascript: リンクを除去し、標準的な整形タグと安全な画像/リンク URL だけを残します。

対応している Markdown の機能は?

marked のデフォルト対応範囲すべて:GFM 表、打ち消し線、タスクリスト、自動リンク、言語ラベル付きのコードブロック、ネストしたリスト。

テキストはどこで処理されますか?

完全にブラウザ内です。生成された HTML をコピーするときも、Markdown が端末の外に出ることはありません。

ツールを埋め込む

1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。

<iframe src="https://zoyku.com/ja/tools/markdown-previewer?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — markdown-previewer" loading="lazy"></iframe>
100% ローカル処理