Markdownファイルを全画面プレビューしながら、表を直接編集できる拡張機能です。
インストール
- VS Code: Marketplace から「Markdown Table Tools」を検索してインストール
- Windsurf / Devin Desktop 等: Open VSX からインストール
vsix から手動導入する場合は npm install && npm run package で生成し、
「Install from VSIX」を実行してください。
使い方
Markdownファイルを開いた状態で Ctrl+Alt+V(Mac: Cmd+Alt+V)を押すか、
コマンドパレットから「テーブルプレビューを開く」を実行します。
機能
- セルの直接編集: プレビュー内の表のセルをクリックして編集
Enter で確定、Esc でキャンセル、Shift+Enter でセル内改行(<br> として保存)
Tab / Shift+Tab で確定しつつ隣接セルの編集へ
- キーボード移動: セル選択状態で矢印キー移動、
Enterで編集開始
- 取り消し/やり直し:
Ctrl+Z / Ctrl+Shift+Z(Ctrl+Y)で表編集を巻き戻し
- 行・列の追加/削除: 表を右クリックしてコンテキストメニューから操作
- ソート: ヘッダークリックで昇順/降順を切り替え
- 列フィルタ: ヘッダー下の入力欄で絞り込み(表示のみ、ソースは変更しません)
- 自動保存: 編集は既定で自動保存されます
- 標準プレビュー相当の表示: Mermaid・数式(KaTeX)・相対画像・リンクをサポート
- スクロール同期: エディタとプレビューが双方向に追従します
設定
| 設定 |
既定 |
説明 |
mdTableTools.autoSave |
true |
表の編集を自動保存する |
mdTableTools.openIn |
"active" |
"beside" で横並び表示に変更 |
スクロール同期は標準プレビューと同じ設定(markdown.preview.scrollEditorWithPreview /
markdown.preview.scrollPreviewWithEditor)に従います。
動作環境
VS Code 系IDE(VS Code / Windsurf / Devin Desktop 等)を想定しています。
Mermaid・数式・標準スタイルはIDE同梱のMarkdown関連拡張の資産を再利用するため、
それらが同梱されていない環境では簡易表示になります。
リリース(メンテナー向け)
package.json の version と CHANGELOG.md を更新してコミット
git tag vX.Y.Z && git push origin vX.Y.Z
- GitHub Actions が VS Marketplace / Open VSX へ自動公開します
(要シークレット
VSCE_PAT / OVSX_PAT)
ライセンス
MIT
| |