MDUtil

Markdown リアルタイムプレビュー

Markdown を書くか貼り付けると、入力に合わせて表示を確認できます。GitHub 形式の表、数式、Mermaid の図、色分けされたコードに対応しています。内容はアップロードされません。

Markdown

533 文字40 行

プレビュー

Markdown リアルタイムプレビュー

左側に入力すると、右側のプレビューがすぐに更新されます。太字、斜体、取り消し線、インラインコード、リンクも入力したそばから表示されます。

リストとタスク
  1. Markdown で書く
  2. プレビューを確認する
    • 入れ子のリストも使えます
  • 表が表示される
  • 図を描いてみる
表
機能対応
GitHub の表✓
数式✓
図✓
コードと数式
def greet(name):
    return f"こんにちは、{name}さん！"

二次方程式の解の公式は x=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} です。

図
flowchart LR
  書く --> 確認 --> 書き出し

内容はすべてブラウザの中にとどまります。1

Footnotes

  1. 入力した内容はアップロードされません。 ↩

対応している内容

GitHub Flavored Markdown
表、タスクリスト、取り消し線、脚注、自動リンクを GitHub と同じように表示します。
数式と図
$…$ と $$…$$ の数式は KaTeX で組版され、mermaid のコードブロックは図になります。
コードの色分け
フェンスコードブロックはよく使う言語で色分けされ、ライトモードとダークモードの両方に対応します。
書きやすいエディタ
入力中の Markdown は色分けされ、Ctrl+B、Ctrl+I、Ctrl+K で太字・斜体・リンクを付けられます。ツールバーから見出し、リスト、表も挿入できます。
スクロールの同期
プレビューがエディタに合わせてスクロールするので、長い文書も左右で見比べられます。
書き出し
表示した HTML のコピー、Markdown や完全な HTML ページの保存、ほかの変換ツールでの表示ができます。

よくある質問

Markdown ファイルをプレビューするには？

ここで .md ファイルを開くか、テキストを貼り付けると、GitHub と同じように表示されます。VS Code では Ctrl+Shift+V（Mac は Cmd+Shift+V）で内蔵のプレビューを開けます。

GitHub と同じ表示になりますか？

GitHub Flavored Markdown に従い、表、タスクリスト、取り消し線、脚注、自動リンクに加えて、GitHub も対応しているドル記号の数式と Mermaid の図を表示します。

数式を書くには？

文中の数式は $E = mc^2$ のように 1 つのドル記号で、独立した行の数式は 2 つのドル記号で囲みます。

図を描くには？

mermaid と書いたコードブロックに、たとえば flowchart LR と A --> B のように図を書きます。プレビューが図を描き、書き方に誤りがあればエラーを表示します。

内容は保存されますか？

内容はこのタブにだけ残り、ページを再読み込みするとサンプルに戻ります。作業を残すには .md ファイルをダウンロードしてください。

テキストはアップロードされますか？

されません。エディタもプレビューもブラウザ内で動き、テキストが端末の外に出ることはありません。