📝 Markdown ライブプレビュー

Markdownをリアルタイムで HTML プレビュー化。GitHub Flavored Markdown (GFM) 対応:テーブル・チェックリスト・コードハイライト・取り消し線。ブラウザ内処理でドキュメントはサーバーに送信されません。

📥 Markdown0 文字 / 0 行

👀 プレビュー--

🔒 すべてブラウザ内処理。書いている内容はサーバーに送信されません。

📖 対応している記法

❓ よくある質問

HTMLとして書き出せる?
はい。「📋 HTMLコピー」または「💾 .html保存」で取得可能。CSS は別途必要なら自分で追加。
記事の下書きに使える?
もちろん。書いた内容はブラウザのローカルストレージに自動保存されるので、ページを閉じても次回続きから書けます。
Mermaid (チャート図) 対応?
本ツールは GFM 標準範囲で、Mermaid は未対応。将来対応予定。
シンタックスハイライト対応言語は?
軽量実装のため、本ツールは基本のコードブロック表示のみ。ハイライトには Prism.js などを HTML 書き出し後に追加してください。
機密文書も書ける?
はい。ブラウザ内処理 + ローカル保存。書いた内容はサーバーに送信されません。

🔗 関連ツール

🔄
CSV/JSON/Markdown変換
テーブル形式の相互変換
🧩
JSONフォーマッタ
JSON整形
📖
読了時間予測
記事を貼ると○分で読めます
📝
文字数カウント
原稿チェック

運営者:便利ツール | 最終更新日:2026-07-01 | 運営者情報

'; var blob = new Blob([html], {type:'text/html'}); var a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'document.html'; a.click(); }); var SAMPLE = '# 見出し1\n\n## 見出し2\n\nこれは **太字** と *斜体* と ~~取り消し~~ のテストです。\n\n- 箇条書き1\n- 箇条書き2\n - ネスト\n- [x] 完了タスク\n- [ ] 未完了タスク\n\n1. 番号付き1\n2. 番号付き2\n\n> これは引用ブロックです。\n> 複数行も対応。\n\n`インラインコード` と コードブロック:\n\n```javascript\nfunction hello() {\n console.log("Hello, World!");\n}\n```\n\n| 名前 | 年齢 | 都市 |\n| --- | :---: | ---: |\n| Alice | 30 | Tokyo |\n| Bob | 25 | Osaka |\n\n[リンク](https://patto-tool.com/) と画像 ![alt](https://patto-tool.com/og.png)\n\n---\n\n以上、Markdown のサンプルでした。'; $('loadSampleBtn').addEventListener('click', function(){ ed.value = SAMPLE; update(); }); // 初期化 try { var saved = localStorage.getItem('md-preview-draft'); if (saved) ed.value = saved; else ed.value = SAMPLE; } catch(e){ ed.value = SAMPLE; } update(); })();