Hover Editor提供了懸浮式編輯器窗格的功能,很適合需要在多個檔案裡做小修改時使用。
除了在編輯器裡懸停在內部鏈接時能開啟編輯小視窗,檔案瀏覽器、搜尋結果、Recent Files與Pane Relief的清單都能使用。
1. 編輯器小窗格使用要點
- 滑鼠游標懸停在內部鏈接一會(依設定可能要按著〔Ctrl/Cmd〕並懸停)即會彈出編輯器小窗格
- 將滑鼠游標移到小窗格頂端,當游標變成移動形狀時可拖拉窗格到其他位置
- 拖拉操作可自動釘選(Pin)小窗格在Obsidian上方
- 也可點擊左上角的釘選圖示直接釘選窗格在上方
- 小窗格邊框可拖拉變更視窗大小
- 雙擊頂端可收合/展開視窗
1.1. 有趣的實驗
當開啟了一個懸浮窗格並移動位置後,可以再開啟同一個筆記的懸浮窗格,兩個窗格內容在修改後會同步顯示變更。
2. 安裝
[!warning] 提醒
Hover Editor尚未在第三方外掛上架,必須手動安裝。
- 手動由GitHub網站下載檔案main.js、manifest.json、styles.css並安裝、啟用
- 用BRAT輸入「nothingislost/obsidian-hover-editor」並啟用(教學影片)
3. 設定重點
- Default Mode: 預覽或編輯模式,或依現在編輯模式而定
- Auto Pin: 當拖動或變更大小時釘選或開窗就釘選
- Auto focus: 自動取得輸入焦點切換
- Minimize downwords: 視窗頂端雙擊時收合到頂端或底端
- Hover Trigger Dealy: 懸停多少毫秒即開窗
4. 樣式調整
使用CSS片段調整懸停窗格的邊框,讓小視窗明顯一些。
/* Hover Editor */
.popover, .popover.hover-popover {
border: 1px solid var(--ax1);
}5. 小問題
無法與Sliding Panes外掛合用。
6. 相關鏈接
- GitHub nothingislost/obsidian-hover-editor: Transform the Page Preview hover into a working editor instance
7. 教學影片
#
