テキスト・データツール

Markdownプレビュー

左側でMarkdownを編集し、右側で安全なプレビューを確認します。スマートフォンでは上下に並びます。

Markdownの原文

リアルタイムプレビュー

見出し、リスト、コード、表をリアルタイムで確認。ユーザーのHTMLやリモート画像の読み込みを無効化。

入力内容はブラウザー内だけで処理し、サーバーにアップロードしません。

ツールについて

Markdown を入力すると、見出し、強調、リスト、コード、表などの表示を確認できます。このページではレイアウトを確認し、HTML ソースをコピーまたはダウンロードしたい場合は Markdown → HTML をご利用ください。

使い方

  1. Markdownを入力するか、見出し、リスト、リンク、表を含むサンプルを読み込みます。
  2. 短い待ち時間の後、リアルタイムプレビューを確認します。コードブロックはコードの文字として表示します。
  3. 生のHTMLは文字として表示し、画像はテキストの代替表示にします。外部リソースへ自動アクセスしません。
  4. 元のMarkdownをコピーするかMDファイルをダウンロードし、編集を続けます。

使用例

  • # Headingはレベル1の見出し、**Bold**と*Italic*は強調になります。
  • > quote、番号付きリスト、フェンス付きコードブロックを、それぞれに対応する意味的な構造で表示します。
  • <script>alert(1)</script>は文字として表示するだけで、スクリプトを実行しません。

処理の規則と制限

入力するとプレビューが自動更新されます。生のHTMLやコードは文字として表示され、実行されません。安全でないリンクは無効になり、画像は自動で読み込まず文字で表示します。入力上限は200 KiB、5,000行、生成HTMLの上限は1 MiBです。複雑な内容では処理上限に達することもあります。制限のメッセージが出た場合は、内容を短くするか分割して確認してください。

主な用途

  • README、技術メモ、ドキュメントの下書きを作成。
  • 見出しの階層、リスト、引用、表の表示を確認。
  • 外部から受け取ったMarkdownを安全に閲覧。

プライバシー

テキスト、ファイル、プレビューはブラウザー内で処理され、入力内容のアップロードや自動保存は行いません。残したい内容は、ページを離れる前に保存してください。

FAQ

Markdownとは何ですか?

#、*、バッククォートなどで見出し、強調、リスト、コードを表すテキストの記法です。解析するとHTMLを生成できます。

プレビューでJavaScriptを実行しますか?

いいえ。HTMLタグやコードブロックは文字として表示され、実行されません。安全でないリンクはクリックできない場合があります。

画像が表示されないのはなぜですか?

入力をローカルで扱い、外部への自動要求を防ぐため、元の画像URLを読み込まずテキストで代替します。

表に対応していますか?

ヘッダーと区切り行のある一般的なMarkdown表に対応します。セル内の縦棒は規則どおりにエスケープしてください。

コピーボタンは何をコピーしますか?

入力したMarkdownの原文です。HTMLソースが必要な場合はMarkdown → HTMLを利用してください。

開発者ツール一覧に戻る