☰

change text

меняет выделенный текст на странице

  1. // ==UserScript==
  2. // @name         change text
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  меняет выделенный текст на странице
  6. // @author       awaw (Andrey) https://zelenka.guru/andrey/
  7. // @match        *://*/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     function changeSelectedText() {
  15.         var selectedText = window.getSelection().toString();
  16.         if (selectedText !== "") {
  17.             var newText = prompt('Введи текст');
  18.             if (newText !== null) {
  19.                 var range = window.getSelection().getRangeAt(0);
  20.                 range.deleteContents();
  21.                 range.insertNode(document.createTextNode(newText));
  22.             }
  23.         } else {
  24.             alert('Выдели текст который хочешь изменить');
  25.         }
  26.     }
  27.  
  28. // кнопка. можно менять область и как далеко оно находится, надпись (можно убрать, будет маленькая кнопочка)
  29.  
  30.     function addChangeTextButton() {
  31.         var button = document.createElement('button');
  32.         button.innerText = 'изменить'; // тут меняется или убирается текст
  33.         button.style.position = 'fixed';
  34.         button.style.bottom = '10px';
  35.         button.style.right = '10px';
  36.         button.addEventListener('click', changeSelectedText);
  37.         document.body.appendChild(button);
  38.     }
  39.  
  40.     window.addEventListener('load', function() {
  41.         addChangeTextButton();
  42.     });
  43. })();