Markdown Flow
Notion のように、Markdown をそのままリッチに編集できる VSCode 拡張です。プレビューボタンは要りません——.md を開くと、見出しは大きく、太字は太く、チェックボックスは本物のチェックボックスとして表示され、そのまま編集できます。
特徴
- 見出しが大きく表示(
# +スペースでその場で見出しに)
## で見出し2、# で見出し1(Notion と同じく、レベルを置き換え)
- タスクリスト:
[] でチェックボックス作成、クリックでトグル、[x] でチェック、字下げ(ネスト)内でも作成可
- 書式ツールバー:太字・斜体・見出し1/2/3・箇条書き・タスク・折りたたみ・文字色のボタン。普段は隠れていて、マウスを画面の上端に近づけると降りてきます(設定で常時表示・非表示も選べます)
- 文字色:「A」ボタンから既定・赤・青・緑・黄・グレーを選べます
- 折りたたみ(トグル):
>>> +スペースで作成。▶ / ▼ で開閉でき、見出しはその場で書き換えられます。開閉してもファイルは変更されません
- wikilink:
[[ページ名]] をリンク風に表示。保存は [[ページ名]] のままなので Obsidian などと互換
- 太字・斜体・リスト・引用・コードブロックなどの基本 Markdown
- 外部変更に追従(他のエディタや git でファイルが変わると自動で反映)
- VSCode のテーマに追従:ライトでもダークでも読みやすい配色になります
- ファイルを壊さない:Markdown ⇔ 表示の往復を検証したうえで保存
- 安全:webview は外部通信を遮断(厳格な Content-Security-Policy、外部 CDN 不使用)
使い方
.md ファイルを開くだけです。自動的に Markdown Flow で開きます。
標準のテキストエディタで開きたいときは、ファイルを右クリック →「Reopen Editor With… → Text Editor」を選びます。
既知の制限
- wikilink のクリックで開けるのは、同じフォルダにある
.md ファイルだけです
- 折りたたみを解除するには、本文の先頭で Backspace を押すか、ツールバーの折りたたみボタンをもう一度押してください
- 入れ子のタスクで親子の間に空行が入ることがあります(Markdown の通常挙動で、内容は壊れません)
ライセンス
MIT License. 内部で Milkdown(MIT ライセンス)を使用しています。
| |