~/tools / markdown-preview
Markdown プレビュー・エディタ
書きながらリアルタイムでプレビューできるオンラインMarkdownエディタ。GFM対応（表・タスクリスト・打ち消し線・自動リンク）。変換はブラウザ内で完結し、入力は送信されません。入力は自動保存され、HTMLとしてのコピーもできます。
※ 変換・プレビューはすべてブラウザ内で完結します。入力はこのブラウザのlocalStorageに自動保存されます（クリアで消去）。プレビューはDOMPurifyでサニタイズ済みです。
使い方
- 左のエディタにMarkdownを入力する — 入力と同時に右のプレビューがリアルタイム更新されます
- ツールバーで太字・見出し・リンク・コード・リスト・表を挿入できる（テキストを選択してから押すと選択範囲が変換されます）
- GitHubのREADME向けに確認したい場合は「改行をそのまま反映」をオフにする（標準Markdownの改行挙動になります）
- 仕上がったら「Markdownをコピー」または「HTMLをコピー」で貼り付け先へ。入力は自動保存されるので途中で閉じても続きから書けます
エディタとプレビューはスクロールが連動します。記法を忘れたらページ下部のチートシートをどうぞ。
Markdownチートシート（よく使う記法一覧）
| 記法 | 意味 |
|---|---|
| # 見出し1 〜 ###### 見出し6 | 見出し（#の数がレベル） |
| **太字** / *斜体* / ~~打ち消し~~ | 文字の装飾（打ち消しはGFM） |
| - 項目 / 1. 項目 | 箇条書き / 番号付きリスト |
| - [ ] 未完了 / - [x] 完了 | タスクリスト（GFM） |
| [表示テキスト](https://example.com) | リンク |
|  | 画像 |
| `code` | インラインコード |
| ```言語名 〜 ``` | コードブロック（フェンス） |
| > 引用文 | 引用（ネストは >> ） |
| | A | B | で行を作り | --- | --- | で区切る | 表（GFM） |
| --- | 水平線 |
| 行末にスペース2つ / 空行 | 改行 / 段落の区切り |
よくある質問
Markdownとは何ですか？
Markdownは「# 見出し」「**太字**」のような簡単な記号でテキストに構造を与えられる軽量マークアップ言語です。書いたものはHTMLに変換でき、GitHubのREADME・ブログ・技術ドキュメント・チャットツール（Slack/Discord）など幅広い場所で使われています。プレーンテキストなのでどんなエディタでも編集でき、バージョン管理とも相性が良いのが特長です。
GFMと標準のMarkdownは何が違いますか？
GFM（GitHub Flavored Markdown）は、オリジナルのMarkdownにGitHubが拡張を加えた方言で、事実上の標準になっています。主な拡張は「表（テーブル）」「タスクリスト（- [ ]）」「打ち消し線（~~text~~）」「URLの自動リンク」「フェンス付きコードブロック（```）」です。このツールはGFM拡張を有効にしてプレビューするので、GitHubやZenn・Qiitaに近い見た目で確認できます。
貼り付けたMarkdownにHTMLタグやscriptが混ざっていても安全ですか？
安全です。Markdownは仕様上、生のHTMLをそのまま埋め込めるため、変換結果を無防備に表示するとscriptタグ等が実行される危険（XSS）があります。このツールは変換後のHTMLを必ずDOMPurifyでサニタイズしてから表示する設計なので、scriptタグ・イベント属性（onclick等）・危険なURLは除去されます。「HTMLをコピー」で得られるのもサニタイズ済みのHTMLです。
入力した文章はどこかに送信されますか？
いいえ。Markdownの変換・プレビュー・HTML生成はすべてあなたのブラウザ内のJavaScriptで実行され、入力内容が外部サーバーに送信されることは一切ありません。書きかけの原稿や社内ドキュメントも安心して扱えます。入力はお使いのブラウザのlocalStorageに自動保存されるだけなので、「クリア」を押せば消去できます。
「改行をそのまま反映」オプションは何ですか？
Markdownの標準仕様では、文中の単なる改行（1回のEnter）は改行として表示されず、空行を挟むか行末に半角スペース2つを置いたときだけ改行されます。日本語の文章ではこの挙動が直感に反することが多いため、オンにするとEnterした位置でそのまま改行して表示します。QiitaやZennなどはこの「改行そのまま」の挙動、GitHubのREADMEは標準の挙動です。