☰

【妖火】评论复制与+1按钮（SVG图标版）

+1按钮使用SVG图标，复制评论到回复框并点击回复按钮，新旧版评论兼容

作者
zfcode
日安装量
0
总安装量
5
评分
0 0 0
版本
1.9.1
创建于
2025-08-31
更新于
2025-09-01
大小
8.1 KB
许可证
暂无
适用于

评论增强功能说明

本脚本为论坛评论区提供了以下增强功能，支持 新旧两种评论样式 自动识别。

✨ 功能特点

  1. 复制按钮（Copy）

    • 点击即可复制评论内容（支持文字 + 表情图片）。
    • 图片会自动转换为 UBB 表情代码（如 [img]face/滑稽砳砳.gif[/img]）。
    • 复制成功后，在按钮右侧显示 “已复制” 提示。

  2. +1 按钮

    • 采用美观的 SVG 图标按钮，放置在复制按钮右侧。
    • 点击后会自动：
      • 将评论内容复制到回复框。
      • 转换评论内的图片为 UBB 代码。
      • 自动点击对应的 回复按钮（class="replyicon"），实现快捷回复。
    • 适配新旧版评论样式。

  3. 兼容性

    • 自动识别 新版 div.comment 与 旧版 div.reline 评论结构。
    • 复制功能采用多种方式兼容主流浏览器（navigator.clipboard / execCommand / 临时输入框）。

📌 使用方式

  1. 在页面加载后，评论区的每条评论右侧会自动添加：

    • 复制按钮
    • +1 按钮

  2. 点击 复制按钮

    • 复制成功后，在按钮右边会显示绿色 “已复制”。

  3. 点击 +1 按钮

    • 自动将评论内容（含表情）复制到回复框。
    • 并模拟点击该楼层的 回复按钮，完成快速回复。

💻 技术实现要点

  • DOM 自动识别
    根据 class="comment" 或 class="reline" 判断评论结构。
  • UBB 转换
    将 <img class="ubbimg"> 转换为 [img]...[/img]。
  • 事件绑定
    按钮点击事件通过 addEventListener 绑定，避免冲突。
  • UI 美化
    • 复制提示为绿色小字，靠近按钮显示。
    • +1 按钮采用大号 SVG 图标，美观清晰。

🔥 效果预览

  • 评论区： undefined