ChatGPT Chat copy code and export code buttons

exist chatgpt.com Add an animation in the lower right corner of the upper code block“Copy code”button and a for ChatGPT Code block in response adds export button,Prompts the user to save code to a file based on the programming language detected by the code block’s class name。

Author
人民的勤务员
Daily installs
0
Total installs
56
Ratings
1 0 0
Version
1.2.0.0
Created
2024-09-21
Updated
2024-10-18
Compatibility
Compatible with Firefox Compatible with Chrome Compatible with Opera Compatible with Safari Compatible with Edge
License
MIT
Applies to
简体中文 | English
👆️accessGitHub Readme file on the app for a better experience。

ChatGPT Chat copy code and export code buttons

「 exist chatgpt.com Add an animation in the lower right corner of the upper code block“Copy code”button and a for ChatGPT Code block in response adds export button,Prompts the user to save code to a file based on the programming language detected by the code block’s class name。 」

Views

Download:Github | ⭐Greasy Fork

Update record

🛠️ ChatGPT Chat copy code button Change log

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

repair: • Newly sent content also incorrectly adds a button,Change to determine whether the element has the following sub-elements when addingquerySelector('div.flex.items-center.text-token-text-secondary') repair: •Problem with export code detection code type errorvar 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

New: •Add a button to export code,The added code comes from the script →ChatGPT Code Export Button


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

New: •Compatible with new version ChatGPT Official website


ChatGPT Chat Copy Code Button user script

introduce

The user script is chatgpt.com and share.nezhagpt.cloud code block on the page add a“Copy code”button。The button is located in the lower right corner of the code block,With animation effects,Users can easily copy the code to the clipboard with the click of a button。

Function

  • In the lower right corner of the code block add a“Copy code”button
  • After clicking the button,The code will be copied to the clipboard
  • There is a feedback animation after clicking the button,button will show“Copied!”hint
  • Button color changes on mouseover

Usage scenarios

  • Developers can easily copy code snippets
  • It is more convenient for learners to view code
  • Automatically observe and add copy button for newly loaded code blocks

Installation steps

  1. Install a browser extension that supports userscripts,For example Tampermonkey or Violentmonkey
  2. Click the green button above to install。

compatibility

  • support Chrome、Firefox、Edge、Opera and Safari Wait for mainstream browsers

Project address

Feedback address

Contributors

Authorize

  • This script follows MIT License open source

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

🔍you may be looking forChatGPTRelated scripts

Help

Recommended browsers and script managers:

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

If you need to know more about how to install userscripts,click meView graphic teaching!

View all publish scripts

🔍you may be looking forChatGPTRelated scripts

🔍You may be looking for web related scripts

🔍你可能在找GitHub相关脚本

  • GitHub Submit information display web view: This script will GitHub The submission information on HTML view,to see submission details more clearly。It will automatically submit the information list、The commit header and latest commit information are converted to HTML Format,Provide better visual effects and user experience。
  • GitHub warehouse quick jump assistant: 🤠 GitHub warehouse quick jump assistant, specially designed to help users quickly access their own warehouses on GitHub. It generates a button at the top of the navigation bar. Click to expand all your repositories and easily jump to your own GitHub repository page without using GitHub’s secondary menu.
  • GitHub File list beautifier: GitHub File List Beautifier is a user script,used to enhance GitHub Display effect of files in warehouse。It can add colors to files and folders,and replace the file type icons with small images,Makes the code base easier to browse and manage。Add colors and icons to files by type,Display small images in place of file type icons in repository source tree
  • Github List of code languages show all: Expand Github List of languages on the repository,Show each language,Instead of hiding small parts in“other”Down
  • GitHub Automatically confirm device authorization: existGitHubThe authorization page automatically enters the authorization code and automatically confirms it.。
  • GitHub folder downloader: Add a download button,Allows easy downloading of specific GitHub folder。
  • Github Copy original file URL with download files: Add button at the end of each file line,to copy the original file URL and download files
  • 🤠 Github enhanced assistant warehouse display size: 🤠 Warehouse display size: On GitHub’s code search, warehouse search, issue page, user warehouse list and repository page, the size of the warehouse will be displayed next to the warehouse name, allowing users to quickly understand the scale of the warehouse and optimize their selection. Inactive development warning: If a repository has not been updated in the past six months, the system will add a prompt at the top of the repository to remind users that the repository is inactive and display the time of the last update. This helps users determine the activity and maintenance status of the warehouse. Quick jump within the warehouse: When browsing the warehouse, the user can easily view the list of all warehouses of the user, providing an entrance to quickly jump to different warehouses. Users can quickly find and access other projects of interest, improving work efficiency. Usage scenarios: Developers: By displaying the warehouse size and active warnings, you can quickly filter out suitable libraries for development and avoid using projects that are no longer maintained. Project Manager: Through the quick jump function, it is easy to manage and coordinate multiple projects and improve work efficiency. Learners: When learning new technologies, they can more easily find relevant open source projects and quickly check the activity and scale of the projects. 🤠
  • GitHub Sort by date: Change file sorting to descending by date,Conveniently view the latest updated files。

🔍you may be looking forGoogleRelated scripts

🔍you may be looking forGreasyForkRelated scripts

🔍You may be looking for adult scripts

🔍You may be looking for automatic translation

  • foreign language terminator: Recognize non-Chinese characters,If the length is greater than5And the translated text does not contain Chinese,Then translate and replace the original text to Chinese
  • web page translation——Automatically translated to Chinese: Give the lower right corner of each non-Chinese web page(Can be adjusted to the lower left corner)add agoogleTranslate icon,This version is a Chinese translation version,Only translate foreign languages ​​into Chinese,Add automatic translation