☰

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

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

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 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 窗口．

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

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