各位好,我终于有时间来处理这个了。
希望大家对这个 TC 仍感兴趣!
该 PR 对 TC 进行了全面更新,新增以下功能:
- 缩放和平移(支持鼠标滚轮、捏合手势以及图片上的控件)
- 全屏视图
- 在灯箱中打开原始全尺寸图片
- 可选的“前/后”标签,位置可配置
- 可选的说明文字
- 多种滑块样式(线条、细线、圆形、拖拽手柄)及自定义手柄颜色
- 可在富文本编辑器中直接编辑滑块,或使用 Markdown 编辑
- 支持键盘操作(方向键移动分隔线,
+/-/0 键控制缩放)
- 可按群组限制谁可以插入滑块
Markdown 格式已更新,使用了 [wrap] 标签,同时确保向后兼容。
需要 2026.6.0-latest 版本。
该功能支持移动端和从右到左(RTL)布局。不过,我并非 UX 专家,也未能在移动端或 iOS 上进行大量测试。
如果您想单独测试,可使用以下信息:
- URL:
https://github.com/arkshine/discourse-image-comparison-slider
- 分支:
modernize-with-rte
(建议不要编辑旧版本中的滑块,以免改变 Markdown 格式)
4 个赞