Tree Modal

by krannich
5
4
3
2
1
Score: 35/100

Description

The Tree Modal plugin changes how files open from the explorer by sending them into a large modal preview instead of the main editor. It keeps the native view header, so switching between read and edit mode still feels familiar. Normal editor opening is not blocked either, because Cmd or Ctrl click can bypass the modal when needed. A context menu fallback is included, which matters if the explorer DOM changes later. Internal links clicked inside the modal continue in the same window, so browsing notes feels continuous instead of jumpy.

Reviews

No reviews yet.

Stats

stars
67
downloads
0
forks
52
days
NaN
days
NaN
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
0
commits

Latest Version

Invalid date

Changelog

README file from

Github

Tree Modal

Obsidian plugin that opens files from the file explorer in a modal preview instead of in the editor.

Features

  • Click a file in the tree → 80% viewport modal with Obsidian's native view header (read/edit toggle, full width)
  • Cmd/Ctrl-click → opens the file normally in the editor (escape route)
  • Right-click → "Open in modal" as a fallback (survives Obsidian DOM updates)
  • Internal links inside the modal are captured and opened in-place in the same modal
  • Configurable trigger modifier (none / Shift / Alt)
  • Toggle to hide the center workspace area and give the space to the sidebars
  • Toggle to hide sidebar toggles and sync status icon
  • Optional: ensure a terminal view stays mounted in the right sidebar after startup

Install

Community plugin (once accepted)

Settings → Community plugins → Browse → search "Tree Modal" → Install → Enable.

Manual

  1. Download main.js, manifest.json and styles.css from the latest release.
  2. Copy them into <vault>/.obsidian/plugins/tree-modal/.
  3. Reload Obsidian, then enable the plugin under Settings → Community plugins.

Development

npm install
npm run dev     # watch mode
npm run build   # production build (minified)

For local testing, symlink the plugin folder into your vault:

ln -s "$(pwd)" <vault>/.obsidian/plugins/tree-modal

How it works

The default click handler of the file explorer is intercepted via a DOM event listener on document in capture phase, filtered to .nav-file-title elements. preventDefault() and stopPropagation() block the default "open in editor" behavior; Cmd/Ctrl-click and folder clicks pass through unchanged.

The modal embeds a detached WorkspaceLeaf in markdown mode, so everything Obsidian provides (live preview, wikilink completion, Templater, the native read/edit toggle) keeps working inside the modal.

As a supported second path, a file-menu entry "Open in modal" is registered via the official API, independent of the DOM structure.

Limitations

  • data-path on .nav-file-title is not part of the official plugin API. It works reliably today but could theoretically break with an Obsidian update. The file-menu fallback keeps the core feature usable in that case.
  • Non-markdown files show a hint instead of a preview; Cmd/Ctrl-click opens them normally.

License

MIT

Similar Plugins

info
• Similar plugins are suggested based on the common tags between the plugins.
Auto Hide
4 years ago by skelato1
This Obsidian plugin enables you to collapse (and expand) the sidebar easier.
Collapse All
5 years ago by Nathonius
Copy Block Link
5 years ago by mgmeyers
Get links to blocks and headings from Obsidian's right click menu.
Custom Sidebar Icons
2 years ago by RavenHogWarts
Custom Icons
Cycle In Sidebar
3 years ago by Houcheng
Cycle through tabs of left/ right sidebar panel
Discrete
a year ago by shkarlsson
External Link Opener
4 years ago by zorazrr
Obsidian plugin to open external links in modals or tabs
File Explorer Markdown Titles
5 years ago by Dylan Elliott
Obsidian Plugin that adds the the markdown title within your notes to the file explorer
File Explorer Reload
2 months ago by mnaoumov
This plugin has not been manually reviewed by Obsidian staff. Reloads file explorer pane
File Preview
2 years ago by Huajin
Add file preview contents under file in file explorer.
Floating Headings
5 months ago by k0src
Displays a floating, collapsible outline of a note's headings on the right side of the editor. Expands on hover, click to navigate.
Frontmatter Alias Display
3 years ago by muhammadv-i
A plugin for Obsidian.md to show front-matter aliases as display names in the file menu.
Headings in Explorer
2 years ago by Patrick Chiang
This Obsidian plugin makes headings first class concepts in the file explorer and consolidates navigation to a single panel.
Hide Index Files
a year ago by d7sd6u
Hides folder notes from the file explorer
Hide Sidebars on Window Resize
5 years ago by NomarCub, Michael Hanson
A simple Obsidian plugin to hide the sidebars when the window gets narrow.
Mark Open Files
a year ago by Michael Schrauzer
Adds a marker to all the File Explorer items that are currently open in the Obsidian workspace.
Markdown Formatting Assistant
5 years ago by Reocin
This Plugin provides a simple WYSIWYG Editor for Markdown and in addition a command line interface. The command line interface facilitate a faster workflow.
Mobile Sidebar Notes
8 months ago by Chris Kephart
Open notes & new tabs in the sidebar on the Obsidian mobile app.
Modal Opener
2 years ago by Muuxi
Open files and links in modal windows, or create and edit compatible files in modal windows.
Notebook Navigator
10 months ago by Johan Sanneblad
Replace the default file explorer in Obsidian with a clean two-pane interface featuring folder tree, tag browsing, file previews, keyboard navigation, drag-and-drop, pinned notes, and customizable display options.
Novel Word Count
4 years ago by Isaac Lyman
Obsidian plugin. Displays a word count or other statistic for each file, folder and vault in the File Explorer pane.
PhraseSync
a year ago by Digvijay S. Todiwal
An Obsidian plugin that auto-suggests internal links, with dropdowns, as you type, enhancing note interconnectivity.
Prominent Bookmarked Files
5 years ago by Jeremy Valentine
Prominently display starred files in Obsidian.md
Quick Peek Sidebar
a year ago by Bradley Wyatt
Open and close the Obsidian sidebars on hover.
Rainbow Folders Fixer
a year ago by Dee
Stop rainbow folders from changing colors as you scroll through the File Explorer in Obsidian.md
Rainbow-Colored Sidebar
a year ago by Kevin Woblick
Automatically color your sidebar like a rainbow. No configuration needed. 18 themes included.
Reveal Active File Button
5 years ago by Clare Macrae
Obsidian plugin to add a button to the top of the Obsidian File Explorer, to reveal the active file.
Reveal Folded
a year ago by d7sd6u
Adds a command that reveals current file while collapsing every other tree item
Scratchpad
a year ago by KVH
An open source Obsidian plugin for quick note-taking and freehand drawing.
Scrolls To Nav Top
a year ago by mario
Simply scrolls to nav top
Sidebar Expand on Hover
5 years ago by Tousif Iqbal Anik (toiq)
This Obsidian plugin expands or collapses the sidebar based on mouse hovering on the ribbons.
Simple File Info
a year ago by Lukas Capkovic
Simple Focus
2 years ago by Lin Qing
Allows you to focus on a specific file or folder. 让你可以专注于一个文件或文件夹
Soomda
3 years ago by Michael Lee
🙈 Soomda — An Obsidian plugin that lets you quickly hide your sidebars.
Strip Internal Links
2 years ago by Adi Ron
A simple Obsidian plugin to strip internal links from files
TikToker
3 months ago by ameyxd
Save TikTok videos as markdown notes with embedded content and metadata extraction.
URI Converter
a year ago by wenlzhang
An Obsidian plugin to convert Obsidian URIs to Obsidian internal links.
WebDAV Explorer
3 months ago by 蓝星晓夜
WebDAV Explorer: Connect to WebDAV server, preview files directly in web view, and generate links through simple drag-and-drop.
Window Collapse
5 years ago by Guilherme Quental
Zen Space
a year ago by Aditya Amatya
An enhanced file explorer showing relevant only relevant files for focused work.