[Obs#77] 浮動式編輯窗格:Hover Editor
2022-3-19 22:3:46 Author: jdev.tw(查看原文) 阅读量:13 收藏

首頁 » Markdown工具

[Obs#77] 浮動式編輯窗格:Hover Editor 

作者: 日期: 2022/03/19 – 22:03:46尚無留言 | 瀏覽數: 1 / 321

01|700

Hover Editor提供了懸浮式編輯器窗格的功能,很適合需要在多個檔案裡做小修改時使用。

除了在編輯器裡懸停在內部鏈接時能開啟編輯小視窗,檔案瀏覽器、搜尋結果、Recent FilesPane Relief的清單都能使用。

1. 編輯器小窗格使用要點

  1. 滑鼠游標懸停在內部鏈接一會(依設定可能要按著〔Ctrl/Cmd〕並懸停)即會彈出編輯器小窗格
  2. 將滑鼠游標移到小窗格頂端,當游標變成移動形狀時可拖拉窗格到其他位置
  3. 拖拉操作可自動釘選(Pin)小窗格在Obsidian上方
  4. 也可點擊左上角的釘選圖示直接釘選窗格在上方
  5. 小窗格邊框可拖拉變更視窗大小
  6. 雙擊頂端可收合/展開視窗

1.1. 有趣的實驗

當開啟了一個懸浮窗格並移動位置後,可以再開啟同一個筆記的懸浮窗格,兩個窗格內容在修改後會同步顯示變更。

2. 安裝

[!warning] 提醒
Hover Editor尚未在第三方外掛上架,必須手動安裝。

  1. 手動由GitHub網站下載檔案main.js、manifest.json、styles.css並安裝、啟用
  2. 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. 相關鏈接

7. 教學影片

##

您可能也會有興趣的類似文章

標籤: ,


文章来源: http://jdev.tw/blog/7043/obsidian-plugin-hover-editor
如有侵权请联系:admin#unsafe.sh