☰

Highlight Selected Text

A context menu item which highlights selected text.

  1. // ==UserScript==
  2. // @name        Highlight Selected Text
  3. // @description A context menu item which highlights selected text.
  4. // @author      Schimon Jehudah, Adv.
  5. // @namespace   i2p.schimon.highlight-selected-text-context-menu
  6. // @homepageURL https://greasyfork.org/scripts/524708-highlight-selected-text
  7. // @supportURL  https://greasyfork.org/scripts/524708-highlight-selected-text/feedback
  8. // @copyright   2025, Schimon Jehudah (http://schimon.i2p)
  9. // @license     Public Domain
  10. // @exclude     devtools://*
  11. // @match       file:///*
  12. // @match       *://*/*
  13. // @version     25.01
  14. // @run-at      context-menu
  15. // @icon        data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGV4dCB5PSIuOWVtIiBmb250LXNpemU9IjkwIj7wn5aN77iPPC90ZXh0Pjwvc3ZnPgo=
  16. // ==/UserScript==
  17.  
  18. (function colorSelectedText() {
  19.     const selection = document.getSelection();
  20.     if (!selection.rangeCount) return;
  21.  
  22.     const range = selection.getRangeAt(0);
  23.     const span = document.createElement('span');
  24.     span.style.color = 'black';
  25.     span.style.background = 'khaki';
  26.     range.surroundContents(span);
  27. })();