Markdown プレビューアー

// Markdown プレビューアーに関するよくある質問

どのようなMarkdown構文に対応していますか？

見出し（H1〜H6）、太字、斜体、取り消し線、インラインコード、コードブロック（言語指定対応・シンタックスハイライト）、リンク、画像、リスト（順序あり・なし・ネスト）、引用、水平線、テーブル（GFM形式、テキスト揃え対応）、自動URL検出に対応しています。GitHub Flavored Markdown（GFM）相当の機能で、README・PR本文・Issue・ブログ記事プレビューに十分です。

HTMLタグを直接入力できますか？

セキュリティのため、入力されたHTMLタグは自動的にエスケープされます。`<script>` タグなどが実行されることはありません。プレビューでは `<タグ>` がそのままテキストとして表示されます。意図的にHTMLを埋め込みたい場合は、別途専用エディタ（VS Code等）でMarkdownとHTMLを併用してください。

データはサーバーに送信されますか？

いいえ、すべての処理はブラウザ内のJavaScriptで完結します。入力したMarkdown・変換後のHTML・コピーした内容はいずれもサーバーに送信されません。社外秘の仕様書・未公開ブログ記事・社内ドキュメントも安全にプレビューできます。

変換後のHTMLをコピーできますか？

はい、COPY HTMLボタンでMarkdown から変換されたHTMLソースコードをクリップボードにコピーできます。CMS（WordPress 等）、メールテンプレート、Notion 等の HTML が必要なツールにそのまま貼り付けて利用できます。スタイルは含まれませんが、構造は正しく変換されます。

GFM拡張（タスクリスト・テーブル）は使えますか？

テーブル（`| col1 | col2 |` 形式）と GitHub Flavored Markdown のテキスト揃え（`|:----|:---:|----:|`）に対応しています。タスクリスト（`- [ ]` / `- [x]`）も認識します。GitHub の README や Issue で使われる主要なGFM拡張をカバーしているため、本ツールでのプレビュー結果と GitHub での表示はほぼ一致します。

コードブロックの言語指定でシンタックスハイライトは効く？

コードブロックは ```language ... ``` のように言語を指定すると、HTMLには `<code class="language-xxx">` の形で出力されます。本ツールのプレビュー画面では言語表示のみで完全なシンタックスハイライトは行いません（軽量化のため）。実際のサイトに貼った際は Prism.js や highlight.js を組み合わせてハイライトしてください。

画像のプレビュー（``）は表示される？

はい、画像URL（http/https）のものはプレビュー画面に表示されます。ただし外部画像は CORS・参照禁止設定によりロード失敗する場合があります。`data:` URI（[画像→Base64](/tools/image-base64/)で生成）を使えばCORS問題を回避できます。

Markdown ファイルをアップロードできますか？

現バージョンではテキスト直接貼り付けのみ対応しています。`.md` ファイルを開きたい場合は、ファイルをエディタで開いて内容をコピーして本ツールに貼り付けてください。複数ファイルの一括変換が必要な場合は、`marked` や `markdown-it` 等のCLIツールが向いています。

数式（LaTeX/KaTeX）はサポートしていますか？

現バージョンでは数式表記には対応していません。数式が必要なドキュメントは Typora・Obsidian・StackEdit など数式対応のMarkdownエディタを利用してください。本ツールはコード・ドキュメント中心のMarkdownを想定したシンプルな構成です。

自社サイトのMarkdownレンダリングと結果が違うのはなぜ？

サイトによって採用するMarkdownパーサー（marked / markdown-it / remark / commonmark.js 等）と有効化されているプラグインが異なるため、エッジケース（リスト内コードブロック・複雑なネスト・絵文字）で結果が変わることがあります。本ツールでは一般的な CommonMark + GFM 互換のレンダリングを採用しているため、GitHub と非常に近い見た目になります。