☰

IPE添加预览样式和快捷键 (on THBWiki)

为 InPageEdit 的预览添加缺少的样式，以及各种快捷键

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
-Gzz-
今日安裝
0
安裝總數
0
評價
0 0 0
版本
1.0
建立日期
2025-09-17
更新日期
2025-10-01
尺寸
6.8 KB
授權條款
MIT
腳本執行於

IPE (InPageEdit) 的预览在 THB 上默认情况下非常朴素，使用此脚本可以让预览与页面实际显示一致．

除此之外，脚本还添加了一些编辑快捷键，以及在有 IPE 窗口打开或关闭时聚焦最上层窗口的功能 (见下文)．

使用前后的预览效果对比：

使用脚本前后的预览效果对比

预览里无法还原的部分

样式方面通常可以还原，但那些依赖 JavaScript 的动态效果就没办法了，比如表格排序、内容折叠、tabber 标签等．

快捷键

快捷键与默认编辑器中的基本相同，目前包括：

显示预览：Alt + P (再次按下可关闭)

  • 比较差异：Alt + V (再次按下可关闭)
  • 编辑摘要：Alt + B
  • 标记为小编辑：Alt + I
  • 监视此页面：Alt + W
  • 聚焦编辑区：Alt + , (用于将光标放回编辑器)

因为 IPE 自带保存快捷键 Ctrl + S 所以就不重复加了．

此外还有 Alt + O 打开 IPE，即右下角的快速编辑按钮．

将鼠标悬停在对应按钮上也会显示键位提示．

注：在有编辑器打开的情况下，会移除页面上原有的快捷键，比如 Alt + H 查看历史、Alt + . 前往用户页等，以防误触．

因为是用 accesskey 实现的，如果快捷键无效，可以加上 Shift 键，比如使用 Shift + Alt + P 预览．

聚焦最上层窗口

当打开或者关闭 IPE 窗口时，脚本会聚焦最上面的一个，具体表现有：

  • 打开编辑器时会将光标放入文本框内；
  • 用快捷键打开预览或差异窗口时，可以用上下键滚动；
  • 按 Alt + P 或 Esc，或者用鼠标关闭预览窗口之后，光标都会自动回到编辑器内，其他窗口同理；
  • 在页面历史或最近更改里打开快速差异之后，可以直接按 Esc 关闭 (原本是不行的)．
  • 可以通过连按 Esc 关闭全部 IPE 窗口．

这样编辑时几乎可以实现纯键盘操作．

此外，快捷键也只对最上层的编辑器有效 (通过页面详情可以同时打开多个编辑器)．