Vault Lens

A plugin for Obsidian that previews docx / xlsx / pptx / code files directly in the editor. Supports syntax highlighting, zoom, inline editing, line numbers, and sheet tabs.

Features

📄 Office Files

💻 Code & Text Files

60+ developer file formats supported with preview and inline editing:

.txt .sql .java .py .js .ts .jsx .tsx .json .xml .yaml .yml .properties .cfg .ini .sh .bat .cmd .ps1 .css .html .htm .rst .tex .php .rb .go .rs .c .cpp .h .hpp .cs .swift .kt .scala .groovy .pl .pm .lua .r .m .mm .gradle .toml .conf .env .makefile .dockerfile .gitignore .vue .sass .scss .less .styl .coffee .dart .erl .ex .exs

Syntax highlighting (highlight.js) · Line numbers · Edit & save · Ctrl+S shortcut · Zoom 25%–200%

🔍 Common

• Zoom — Toolbar +/− buttons or Ctrl+scroll, reset to 1:1
• Pan — Drag to pan when zoomed in
• Edit — Click ✏️ Edit on any code file, modify with full textarea (line numbers, Tab support, Ctrl+A), then 💾 Save
• Syntax highlighting — 190+ languages supported via highlight.js, auto-detects file type
• Sheet tabs — Switch between XLSX sheets with tab headers

Installation

Community Plugin Store (pending review)

Open Obsidian → Settings → Community plugins → Search Vault Lens → Install.

Manual

1. Download the latest release from Releases
2. Copy main.js, manifest.json, styles.css into .obsidian/plugins/vault-lens/
3. Enable it in Obsidian settings

Development

git clone https://github.com/leo-su-zhan/obsidian-vault-lens.git
cd obsidian-vault-lens
npm install
npm run dev      # watch mode
npm run build    # production build

License

MIT