Markdownプレビュー
Markdown文書をリアルタイムでプレビューし、HTML表示を確認できます。
基本の使い方
Markdown文書とLaTeX数式をプレビュー
Markdownプレビューは、README、ブログ下書き、技術文書などMarkdownで書いた文章をブラウザ上ですぐにレンダリングして確認できるツールです。
見出し、リスト、表、コードブロック、リンク、画像などの基本的なMarkdown構文を入力すると、右側のプレビューでHTMLに変換された結果をリアルタイムで確認できます。
数式を含む文書では、インライン数式は$CO_2$のように、ブロック数式は$$ ... $$形式で入力すると、LaTeXのレンダリング結果もあわせて確認できます。
フローチャートやシーケンス図が必要な文書では、```mermaid コードブロックを使ってMermaidダイアグラムのレンダリング結果をプレビューできます。
どんな場面で使いますか？
README、開発ドキュメント、ブログ下書き、授業ノートなど、Markdownで書いた文書を公開する前に表示状態を確認したいときに使います。
数式はどう書きますか？
文中の短い数式は$E = mc^2$のように書き、中央に大きく表示したい数式は$$で囲んだブロックとして入力します。
図表はどう書きますか？
flowchartやsequenceDiagramなどのMermaid構文を```mermaid コードブロック内に入れると、文書プレビューでダイアグラムとしてレンダリングされます。
何をコピーできますか？
プレビュー結果をHTMLまたは書式付きテキストとしてコピーし、文書エディター、CMS、ブログ投稿画面でそのまま活用できます。
完全なLaTeX文書コンパイラーではなく、Markdown内の数式と基本構文をすばやく確認するためのプレビューツールです。
Markdownプレビュー Markdownプレビューワークスペース
使い方
- 1 左側の入力欄にMarkdown文書を書き込むか貼り付けます。
- 2 右側のプレビューで見出し、リスト、コードブロック、リンクの表示を確認します。
- 3 必要に応じてMarkdownを修正し、プレビューを再確認します。
- 4 HTMLが必要な場合はHTMLコピーを使います。
よくある用途
- READMEのMarkdown下書きを確認
- リストやコードブロックの表示を確認
- レンダリング済みHTMLをコピー
よくある質問
どのMarkdown構文をプレビューできますか？
内蔵のプレビューパーサーで、見出し、段落の改行、番号付きリストと箇条書き、引用、コードブロック、表、リンク、画像、基本的な強調構文に加えて、LaTeXのインライン数式とブロック数式、```mermaid コードブロックで書いたMermaidダイアグラムもHTMLプレビューとして表示します。
何をコピーできますか？
プレビュー領域にレンダリングされたHTMLをコピーできます。元のMarkdownをコピーする専用操作は用意していません。
入力内容は自動で反映されますか？
はい。Markdownを入力または貼り付けると、プレビューはすぐに更新されます。