ChatGPT 聊天复制代码和导出代码按钮

在 chatgpt.com 上代码块的右下角添加一个带有动画的“复制代码”按钮和一个为 ChatGPT 响应中的代码块添加导出按钮,提示用户根据代码块的类名检测到的编程语言将代码保存为文件。

作者
人民的勤务员
日安装量
0
总安装量
76
评分
1 0 0
版本
1.2.0.0
创建于
2024-09-21
更新于
2024-12-16
兼容性
与 Firefox 兼容 与 Chrome 兼容 与 Opera 兼容 与 Safari 兼容 与 Edge 兼容
许可证
MIT
适用于
简体中文 | English
👆️访问GitHub 上的自述文件以获得更好的体验。

ChatGPT 聊天复制代码和导出代码按钮

「 在 chatgpt.com 上代码块的右下角添加一个带有动画的“复制代码”按钮和一个为 ChatGPT 响应中的代码块添加导出按钮,提示用户根据代码块的类名检测到的编程语言将代码保存为文件。 」

Views

Download:Github | ⭐Greasy Fork

更新记录

🛠️ ChatGPT 聊天复制代码按钮 更新日志

📅 2024-09-23 08:58:07- Ver 1.2.0.0

修复: • 新发送内容也会错误添加按钮,改为添加时判断元素是否存在以下子元素querySelector('div.flex.items-center.text-token-text-secondary') 修复: •导出代码检测代码类型出错的问题var languageDiv = elem.parentElement.parentElement.querySelector('div.flex.items-center.text-token-text-secondary')var languageDiv = elem.querySelector('div.flex.items-center.text-token-text-secondary')


📅 2024-09-22 10:44:07- Ver 1.1.0.0

新增: •增加一个导出代码的按钮,新增的代码来自脚本 →ChatGPT Code Export Button


📅 2024-09-22 07:06:07- Ver 1.0.0.0

新增: •兼容新版的 ChatGPT 官网


ChatGPT Chat Copy Code Button 用户脚本

介绍

该用户脚本为 chatgpt.comshare.nezhagpt.cloud 页面上的代码块添加一个“复制代码”按钮。按钮位于代码块的右下角,带有动画效果,用户可以轻松点击按钮将代码复制到剪贴板。

功能

  • 在代码块的右下角添加一个“复制代码”按钮
  • 点击按钮后,代码将被复制到剪贴板
  • 按钮点击后有反馈动画,按钮会显示“Copied!”提示
  • 鼠标悬停时按钮颜色发生变化

使用场景

  • 开发人员可以方便地复制代码片段
  • 学习者在查看代码时更加便捷
  • 自动观察并为新加载的代码块添加复制按钮

安装步骤

  1. 安装支持用户脚本的浏览器扩展,例如 TampermonkeyViolentmonkey
  2. 点击上方绿色按钮安装。

兼容性

  • 支持 Chrome、Firefox、Edge、Opera 和 Safari 等主流浏览器

项目地址

反馈地址

贡献者

授权

  • 本脚本遵循 MIT 许可证开源

Snipaste_2024-09-22_07-32-11.png

🔍你可能在找ChatGPT相关脚本

使用帮助

推荐浏览器和脚本管理器:

  • Greasemonkey + Waterfox
  • Tampermonkey/Violentmonkey + Firefox
  • Tampermonkey/Violentmonkey + Chrome
  • Userscripts + ios Safari
  • Violentmonkey/KiWiBrowser + Android

如果你需要了解更多关于如何安装用户脚本,点击我查看图文教学!

查看所有发布脚本

🔍你可能在找ChatGPT相关脚本

🔍你可能在找网页相关脚本

  • 网页写入剪辑版授权管理器: 管理网页对剪贴板的写入行为防止未经授权的自动复制和禁用音视频内容预载及自动播放。
  • 解除CSDN登录复制: 去你妈的CSDN登录复制,无需登录即可复制
  • 绚丽渐变美化网页表格: 自动为表格所有列应用颜色渐变来美化
  • 网页高亮关键字: 对网页上的文字进行高亮显示,如果对你有帮助,可以随意修改使用
  • 网页关键词高亮显示: 在网页上自定义关键词突出显示包括滚动时动态加载的内容
  • 小窗预览: 拖拽链接时在弹出窗口中打开链接,并在打开前提供预览,使用 Edge 的预读技术。同时在小窗口打开时在背后添加亚克力效果,可设置为长按触发.自动记录每个站点的小窗口大小.
  • 移除链接下划线: 移除所有网站上的链接下划线,并动态处理新链接
  • 上下滚动按钮: 在页面右侧生成两个按钮用于滚动页面
  • 置顶和置底按钮: 在所有页面生成两个按钮,一个用于顺滑回到顶部,一个用于持续滚动到底部,再次点击取消滚动到底部

🔍你可能在找GitHub相关脚本

  • GitHub 提交信息显示网页视图: 该脚本将 GitHub 上的提交信息转化为 HTML 视图,以更清晰地查看提交详情。它会自动将提交信息列表、提交头部和最新提交信息转化为 HTML 格式,提供更佳的视觉效果和用户体验。
  • GitHub 仓库快速跳转助手: 🤠 GitHub 仓库快速跳转助手,专为帮助用户快速访问自己在 GitHub 上的仓库而设计 。它在导航栏顶部生成一个按钮,点击展开自己的所有仓库,轻松跳转到自己的 GitHub 仓库页面,而无需使用 GitHub 的二级菜单
  • GitHub 文件列表美化器: GitHub 文件列表美化器是一个用户脚本,用于增强 GitHub 仓库中的文件显示效果。它可以为文件和文件夹添加颜色,并将文件类型图标替换为小图像,使得代码库更加易于浏览和管理。按类型为文件添加颜色和图标,在存储库源树中显示小图像以代替文件类型图标
  • Github 代码语言列表显示全部: 扩展 Github 存储库上的语言列表,显示每种语言,而不是将小部分隐藏在“其他”下
  • GitHub 自动确认设备授权: 在GitHub授权页面自动输入授权码与自动确认。
  • GitHub 文件夹下载器: 添加一个下载按钮,允许轻松下载特定的 GitHub 文件夹。
  • Github 复制原始文件 URL 与下载文件: 在每个文件行的末尾添加按钮,以复制原始文件 URL 和下载文件
  • 🤠 Github 增强小助手 仓库显示大小: 🤠 仓库显示大小:在 GitHub 的代码搜索、仓库搜索、议题页面、用户仓库列表和存储库页面上,仓库名称旁边会显示该仓库的大小,方便用户快速了解仓库的规模,优化选择。不活跃开发警告:如果某个仓库在过去六个月内没有更新,系统将在仓库的顶部添加提示,提醒用户该仓库不活跃,并显示最后一次更新的时间。这有助于用户判断仓库的活跃程度和维护状况。仓库内快捷跳转:在浏览仓库时,用户可以方便地查看该用户的所有仓库列表,提供一个快速跳转到不同仓库的入口。用户可以快速找到和访问感兴趣的其他项目,提高工作效率。使用场景:开发者:可以通过显示仓库大小和活跃警告,快速筛选出合适的库进行开发,避免使用不再维护的项目。项目管理者:通过快速跳转功能,便于管理和协调多个项目,提高工作效率。学习者:在学习新技术时,可以更方便地找到相关的开源项目,快速查看项目的活跃程度和规模。🤠
  • GitHub 按日期排序: 将文件排序方式改为日期降序,方便查看最新更新的文件。

🔍你可能在找Google相关脚本

🔍你可能在找GreasyFork相关脚本

🔍你可能在找成人脚本

🔍你可能在找自动翻译

  • 外语终结者: 识别非中文字符,如果长度大于5且翻译文本中不含中文,则翻译并且替换原始文本到中文
  • 网页翻译——自动翻译为中文: 给每个非中文的网页右下角(可以调整到左下角)添加一个google翻译图标,该版本为中文翻译版本,只把外语翻译为中文,添加自动翻译