[开源]KLPTID.js —— 自定义你的论坛跳转器

星空*** · 发表于 2025-5-27 19:29:35

KLPTID.js
自定义你自己的论坛跳转器

本项目介绍

KLPTID.js 项目是一款苦力怕论坛快捷跳转工具，通过帖子TID和用户UID等实现快速页面跳转，适配KLPBBS等其他Discuz论坛。
本项目灵感来源原本人之前写的 KLPTID 项目，后停止更新。本 KLPTID 重新编写代码，以实现更多内容。
本项目的内容初版内容较少，将在不断的更新中充实内容。

特性

纯JavaSrcipt实现：本项目仅使用Js。
双模式跳转：有基础跳转器，也有双浏览（电脑端、移动端）模式跳转器，完成一些需要。
高度自定义化：通过CSS自定义样式，你可以构建出不同的样子的跳转器。

快速开始

在HTML的<body>末尾中添加脚本引用：

< script src="path/to/KLPTID.js">< /script >

复制代码

同时初始化跳转控制器：

< script >
// 选择需要的跳转器类型，可同时选择多个，每个跳转器初始化的命名都不一致。
const skipper1 = new TIDSKIPPER1(); // 帖子直接跳转
// const skipper2 = new TIDSKIPPER2(); // 帖子浏览模式跳转
// const skipper3 = new USERSKIPPER1(); // 用户空间直接跳转
// const skipper4 = new USERSKIPPER2(); // 用户空间浏览模式跳转
// *论坛原因，script标签只能这样写，请规范于项目
< /script >

复制代码

如果要跳转其他的Dz论坛，在代码中的 WEBSITE_CONFIG 中的 MAIN 中网址替换为其他Dz论坛即可。

const WEBSITE_CONFIG = {
MAIN: 'https://klpbbs.com', // 替换你其他Dz论坛主链接
PATH: {
POST: '/thread-TID-1-1.html?mobile=MODE',
USER_SPACE: '/home.php?mod=space&uid=UID&do=profile&mobile=MODE'
}
};

复制代码

（大部分跳转链接是一样的，可能需要在代码中跳转器类部分微调）

效果预览

基础界面：

经过CSS优化的界面：

图示DEMO：https://klp-xkjt.github.io/KLPTIDJS/
图示样式源码：https://github.com/klp-xkjt/klp- ... KLPTIDJS/index.html

所有跳转器

组件名称	功能描述	跳转模式	引入版本
`TidSkipper1`	帖子直达跳转	直接跳转	v1.0.0
`TidSkipper2`	带浏览模式的帖子跳转	模式选择	v1.0.0
`UserSkipper1`	用户空间直达跳转	直接跳转	v1.0.0
`UserSkipper2`	带浏览模式的用户空间跳转	模式选择	v1.0.0

样式定制

下面是各转换器内输入框、跳转按钮等元素的类名，可用于CSS定义：

跳转器名称	容器类 (CSS Class)	输入框ID (Input)	按钮ID (Button)	模式切换器ID (Mode Switcher)
TIDSKIPPER1	`tid-skipper-v1`	`skip-input1`	`skip-button1`	N/A
TIDSKIPPER2	`tid-skipper-v2`	`skip-input2`	`skip-button2`	`mode-switcher2`
USERSKIPPER1	`user-skipper-v1`	`skip-input3`	`skip-button3`	N/A
USERSKIPPER2	`user-skipper-v2`	`skip-input4`	`skip-button4`	`mode-switcher4`

协议声明

本项目采用 MIT 开源协议，您可以自由地进行：
- 商业使用
- 修改分发
- 专利使用
- 私用存储
唯一要求：保留原始版权声明

尾记

欢迎大家支持本项目，大家可以为本项目仓库点个Star。
本项目将持续更新，欢迎大家使用并改进此项目。

[其他] [开源]KLPTID.js —— 自定义你的论坛跳转器

评分

浏览过的版块

QQ群

访问手机版