Markdownプレビュー - ライブエディタ & レンダラー
左側でMarkdownを記述し、右側でレンダリングされたプレビューを即座に確認できます。完全な構文をサポートし、瞬時にレンダリングします。
Markdownプレビューツールとは？
Markdownプレビューツールを使用すると、軽量マークアップ言語であるMarkdownを記述し、フォーマットされたHTMLとしてどのようにレンダリングされるかを即座に確認できます。このツールは、エディタとプレビューを並べて表示します。左側に入力すると、右側にリアルタイムで結果が表示されます。見出し、太字、斜体、コードブロック、テーブル、リスト、引用、リンク、画像など、一般的なMarkdown構文をすべてサポートしています。外部ライブラリはロードされず、パーサーはブラウザ内で完全に実行されます。
Markdownプレビューの使い方
- Markdownを記述 — 左側のエディタペインでMarkdown構文を入力または貼り付けます
- ライブプレビューを確認 — 入力すると右側のペインが即座に更新されます
- 完全な構文を使用 — 見出し（#）、太字（**）、斜体（*）、コード（```）、テーブル（|）、リスト（-または1.）、引用（>）、リンク、画像など
- Markdownをコピー — 「MDコピー」をクリックして、生のMarkdownテキストをコピーします
- HTMLをコピー — 「HTMLコピー」をクリックして、レンダリングされたHTML出力をコピーします
このMarkdownプレビューを使う理由
- 瞬時レンダリング — 遅延やコンパイルステップはありません。プレビューはすべてのキーストロークで更新されます
- 完全な構文サポート — 見出し、太字、斜体、コードブロック、テーブル、リスト、引用、リンク、画像、水平線を処理します
- 依存関係なし — 外部ライブラリをロードせずに、組み込みのMarkdownパーサーを使用します
- ダークテーマ — エディタに合わせたダークテーマのプレビューで目に優しい
- 両方の形式をコピー — 生のMarkdownまたはレンダリングされたHTMLとして、ワンクリックで作業内容をエクスポートできます
- プライバシー優先 — すべてがブラウザ内で実行されます。テキストがサーバーに送信されることはありません
FreeToolbox vs 他のMarkdownエディタ
| 機能 | FreeToolbox | Dillinger.io | StackEdit |
|---|---|---|---|
| ブラウザベース | はい | はい（ただしサーバー） | はい（ただしサーバー） |
| アカウント不要 | はい | はい | Google/GitHubログイン |
| ライブプレビュー | はい | はい | はい |
| テーブルサポート | はい | はい | はい |
| HTMLコピー | はい | エクスポートのみ | エクスポートのみ |
| 外部ライブラリなし | はい | いいえ (marked.js) | いいえ (複数) |
| ダークテーマ | はい | いいえ | オプション |
よくある質問
サポートされているMarkdown構文は何ですか？
このツールは、見出し（#から######）、太字（**テキスト**）、斜体（*テキスト*）、取り消し線（~~テキスト~~）、インラインコード（`コード`）、フェンス付きコードブロック（```）、引用（>）、順序なしリスト（-または*）、順序付きリスト（1.）、リンク、画像、テーブル、水平線（---）をサポートしています。
外部Markdownライブラリを使用していますか？
いいえ。Markdownパーサーはゼロから構築されており、ブラウザ内で完全に実行されます。marked.jsやshowdownなどの外部ライブラリはロードされません。
レンダリングされたHTMLをエクスポートできますか？
はい。「HTMLコピー」ボタンをクリックして、レンダリングされたHTMLをクリップボードにコピーします。その後、任意のHTMLファイルまたはエディタに貼り付けることができます。
テキストはどこかに保存されますか？
いいえ。すべてがブラウザ内でローカルに実行されます。Markdownテキストは保存、保管、または送信されません。タブを閉じると、コンテンツは消えます。
GitHub Flavored Markdown（GFM）をサポートしていますか？
テーブル、取り消し線、フェンス付きコードブロックなど、最も一般的なGFM機能をサポートしています。タスクリストや自動リンクなどの高度なGFM機能は、まだサポートされていません。