ツールについて
Markdownプレビューは実績のあるローカルのMarkdownパーサーを使い、一般的な書式と表に対応します。読みやすい表示の確認に適しており、HTMLソースが必要な場合はMarkdown → HTMLを利用できます。
使い方
- Markdownを入力するか、見出し、リスト、リンク、表を含むサンプルを読み込みます。
- 短い待ち時間の後、リアルタイムプレビューを確認します。コードブロックはコードの文字として表示します。
- 生のHTMLは文字として表示し、画像はテキストの代替表示にします。外部リソースへ自動アクセスしません。
- 元のMarkdownをコピーするかMDファイルをダウンロードし、編集を続けます。
使用例
- # Headingはレベル1の見出し、**Bold**と*Italic*は強調になります。
- > quote、番号付きリスト、フェンス付きコードブロックを、それぞれに対応する意味的な構造で表示します。
- <script>alert(1)</script>は文字として表示するだけで、スクリプトを実行しません。
処理の規則と制限
ローカルのMarkdownパーサーで生のHTMLを無効にします。危険なURLスキームを実行可能なリンクにせず、コードブロックはエスケープして表示します。画像を自動で読み込まずテキストで代替し、外部リソースへの要求を防ぎます。入力変更から約150 ms後に更新し、サイズ超過は案内します。入力上限は200 KiB、5,000行。解析のトークン数とプレビューのDOMノード数はそれぞれ20,000、HTML出力は1 MiBまでです。
主な用途
- README、技術メモ、ドキュメントの下書きを作成。
- 見出しの階層、リスト、引用、表の表示を確認。
- 外部から受け取ったMarkdownを安全に閲覧。
プライバシー
テキストの処理、ファイルの読み込み、変換、プレビューはすべて現在のブラウザー内で行います。入力をアップロードせず、バックエンド、データベース、オンラインAPI、外部CDNも使いません。内容の自動保存も行いません。コピーとダウンロードもブラウザー内で完結します。
FAQ
Markdownとは何ですか？
#、*、バッククォートなどで見出し、強調、リスト、コードを表すテキストの記法です。解析するとHTMLを生成できます。
プレビューでJavaScriptを実行しますか？
いいえ。生のHTMLを無効にしてエスケープし、コードブロックは文字として表示します。危険なリンクのスキームも遮断します。
画像が表示されないのはなぜですか？
入力をローカルで扱い、外部への自動要求を防ぐため、元の画像URLを読み込まずテキストで代替します。
表に対応していますか？
ヘッダーと区切り行のある一般的なMarkdown表に対応します。セル内の縦棒は規則どおりにエスケープしてください。
コピーボタンは何をコピーしますか？
入力したMarkdownの原文です。HTMLソースが必要な場合はMarkdown → HTMLを利用してください。