コンテンツへスキップ
Toova
すべてのツール

Markdownライブプレビュー

プライバシー優先設計 — すべてブラウザ内で処理します

MarkdownをHTMLに変換した結果を、ブラウザ内でリアルタイムにプレビューできます。ToovaはCommonMark仕様に加えて、GitHubフレーバーの拡張機能(表、タスクリスト、フェンス付きコードブロック)にも対応しています。任意のMarkdownを貼り付けると、標準的なレンダリングを使うサイトでの見え方をそのまま確認できます。

プレビューできる要素

見出し、太字、斜体、リンク、画像、引用、順序付き/順序なしリスト、シンタックスハイライト付きフェンスコードブロック、インラインコード、配置指定付きの表、タスクリスト、取り消し線、脚注に対応します。プレビューはGitHubや多くの静的サイトジェネレーターのレンダリング結果と一致するため、ここで見えるものが配置先に近い見た目になります。LaTeX形式の区切り文字による数式表記もサポートしています。

並列編集

エディターは画面を、ソースのMarkdownとレンダリング結果の2つに分割します。左で入力すると、右に結果が表示され、両ペインのスクロールは同期します。レンダリングはキー入力ごとに更新されるため、README、ブログ投稿、ドキュメント、コミットメッセージなど、最終配置先に貼り付ける前にフォーマットを確認したいときに最適です。

ブラウザ内のみ

Markdownのレンダリングはすべてブラウザ内で行われます。貼り付けたテキストがサーバーへ送信されることはなく、内容のログ記録もありません。社内メモ、執筆中の投稿、独自情報を含むものなど、非公開のドキュメントを下書きするときに重要です。最初の読み込み後はオフラインでも動作します。

よくある質問

どのMarkdownフレーバーに対応していますか?
CommonMarkに加えて、GitHubフレーバーMarkdownの拡張、表、タスクリスト、フェンス付きコードブロック、取り消し線、自動リンク、脚注に対応しています。ほとんどのドキュメントサイトとREADMEファイルが使う範囲をカバーします。
コードブロックのシンタックスハイライトに対応していますか?
はい。言語識別子付きのフェンスコードブロック(```js、```python、```sql)は、プレビューでシンタックスハイライトされます。ハイライトは参考表示であり、多くの配置先プラットフォームは独自のスタイルを再適用します。
レンダリングされたHTMLをエクスポートできますか?
はい。レンダリングされたHTMLはワンクリックでコピーできます。出力はインラインスタイルのないきれいなセマンティックHTMLで、コンテンツ管理システムや静的サイトジェネレーターに貼り付ける準備が整っています。
表に対応していますか?
はい。パイプ記法と配置マーカーを使ったGitHubフレーバーMarkdownの表は、GitHubや多くの静的サイトエンジンと同じ見た目でレンダリングされます。
テキストはどこかへ送信されますか?
いいえ。レンダリングはすべてブラウザ内で行われます。MarkdownソースもレンダリングされたHTMLもページから外に出ません。