☰

Copy Text and HTML to Clipboard

library to copy plain and html MIME types to the clipboard

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/491896/1516188/Copy%20Text%20and%20HTML%20to%20Clipboard.js 

  1. // ==UserScript==
  2. // @name         Copy Text and HTML to Clipboard
  3. // @namespace    https://greasyfork.org/en/users/906106-escctrl
  4. // @description  library to copy plain and html MIME types to the clipboard
  5. // @author       escctrl
  6. // @version      2.0
  7. // @grant        none
  8. // @license      MIT
  9. // ==/UserScript==
  10.  
  11. // solution for setting richtext clipboard content found at https://jsfiddle.net/jdhenckel/km7prgv4/3/
  12. // and https://stackoverflow.com/questions/34191780/javascript-copy-string-to-clipboard-as-text-html/74216984#74216984
  13.  
  14. /* different modes for copying:
  15.  * txt = only plaintext = when a text or url should never be formatted, even if the target supports richtext
  16.  * fmt = visible HTML (MIME are same) = when richtext programs should paste formatted text (chat), and plaintext fields should paste the HTML (Ao3 comments)
  17.  *       invisible HTML (MIME differ) = when richtext programs should paste formatted text, but if the program doesn't support it (e.g. Notepad), copy some other plain text (no HTML visible)
  18.  */
  19.  
  20. function copy2Clipboard(e, mode, plain, html=null) {
  21.     
  22.     if (!plain) { // stop if null, undefined, or "". we always expect plaintext content as a minimum
  23.         console.log('Copying to Clipboard failed: no text was given to copy');
  24.         return;
  25.     }
  26.     
  27.     // if no separate html content is given but html MIME is supposed to be filled, we reuse the plain content
  28.     if (mode === "fmt" && !html) html = plain;
  29.     
  30.     // trying first with the new Clipboard API
  31.     try {
  32.         let clipboardItem;
  33.         // 'only plaintext' mode does not provide the text/html MIME type so it can't be used by richtext programs
  34.         if (mode === "txt") clipboardItem = new ClipboardItem({ 'text/plain': new Blob([plain], {type: 'text/plain'}) });
  35.         else clipboardItem = new ClipboardItem({ 'text/html':  new Blob([html], {type: 'text/html'}),
  36.                                                  'text/plain': new Blob([plain], {type: 'text/plain'}) });
  37.         
  38.         navigator.clipboard.write([clipboardItem]);
  39.     }
  40.     // fallback method in case clipboard.write is not enabled - especially in Firefox it's disabled by default
  41.     // to enable, go to about:config and turn dom.events.asyncClipboard.clipboardItem to true
  42.     catch(err) {
  43.         function listener(e) {
  44.             e.clipboardData.setData("text/plain", plain);
  45.             if (mode === "fmt") e.clipboardData.setData("text/html", html);
  46.             
  47.             e.preventDefault();
  48.         }
  49.         document.addEventListener("copy", listener);
  50.         document.execCommand("copy");
  51.         document.removeEventListener("copy", listener);
  52.     }
  53. }