☰

Stack Overflow Code Copy

Adds a copy button to code blocks on Stack Overflow

当前为 2024-04-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Stack Overflow Code Copy
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  Adds a copy button to code blocks on Stack Overflow
  6. // @match        https://stackoverflow.com/questions/*
  7. // @grant        none
  8. // @license      MIT
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     function addCopyButton(codeBlock) {
  15.         const button = document.createElement('button');
  16.         button.innerHTML = 'Copy';
  17.         button.style.position = 'absolute';
  18.         button.style.top = '5px';
  19.         button.style.right = '5px';
  20.         button.onclick = function() {
  21.             const code = codeBlock.querySelector('code').innerText;
  22.             navigator.clipboard.writeText(code);
  23.         };
  24.         codeBlock.style.position = 'relative';
  25.         codeBlock.appendChild(button);
  26.     }
  27.  
  28.     const codeBlocks = document.querySelectorAll('pre');
  29.     codeBlocks.forEach(addCopyButton);
  30. })();