☰

Greasy Fork is available in English.

Блокнот с возможностью редактирования

Реверсирование текста

  1. // ==UserScript==
  2. // @name         Блокнот с возможностью редактирования
  3. // @namespace    http://tampermonkey.net/
  4. // @version      590.9
  5. // @name         Редактирование текста и его ревёрс
  6. // @namespace    http://tampermonkey.net/
  7. // @description  Реверсирование текста
  8. // @match        *://*/*
  9. // @grant        GM_addStyle
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     let historyStack = [];
  16.  
  17.     function reversedText(text) {
  18.         return text.split('').reverse().join('');
  19.     }
  20.  
  21.     let inputContainer = document.createElement('div');
  22.     inputContainer.style.position = 'fixed';
  23.     inputContainer.style.bottom = '10px';
  24.     inputContainer.style.right = '10px';
  25.     inputContainer.style.background = 'rgba(255, 255, 255, 0.8)';
  26.     inputContainer.style.border = '1px solid #000';
  27.     inputContainer.style.padding = '10px';
  28.     inputContainer.style.zIndex = 1000000;
  29.     inputContainer.style.display = 'flex';
  30.     inputContainer.style.flexDirection = 'column';
  31.     inputContainer.style.gap = '5px';
  32.     inputContainer.style.transform = 'translateX(0)'; // Начальное состояние
  33.  
  34.     let inputField = document.createElement('textarea');
  35.     inputField.maxLength = 1000000;
  36.     inputField.rows = 2;
  37.     inputField.cols = 30;
  38.  
  39.     let charCountDisplay = document.createElement('div');
  40.     charCountDisplay.textContent = 'Количество символов: 0';
  41.  
  42.     inputField.addEventListener('input', () => {
  43.         charCountDisplay.textContent = `Количество символов: ${inputField.value.length}`;
  44.     });
  45.  
  46.     const reverseBtn = document.createElement('button');
  47.     reverseBtn.textContent = 'Реверсировать';
  48.     reverseBtn.onclick = () => {
  49.         const input = inputField.value;
  50.         if (input) {
  51.             const reversed = reversedText(input);
  52.             historyStack.push(input);
  53.             inputField.value = reversed;
  54.             navigator.clipboard.writeText(reversed);
  55.             alert(`Реверсированный текст: ${reversed}`);
  56.         }
  57.     };
  58.  
  59.     const undoBtn = document.createElement('button');
  60.     undoBtn.textContent = 'Отменить';
  61.     undoBtn.onclick = () => {
  62.         if (historyStack.length > 0) {
  63.             const lastState = historyStack.pop();
  64.             inputField.value = lastState;
  65.             charCountDisplay.textContent = `Количество символов: ${lastState.length}`;
  66.         } else {
  67.             alert('Нет ничего для отмены!');
  68.         }
  69.     };
  70.  
  71.     const selectAllBtn = document.createElement('button');
  72.     selectAllBtn.textContent = 'Выделить всё';
  73.     selectAllBtn.onclick = () => {
  74.         inputField.select();
  75.     };
  76.  
  77.     const clearAllBtn = document.createElement('button');
  78.     clearAllBtn.textContent = 'Удалить всё';
  79.     clearAllBtn.onclick = () => {
  80.         inputField.value = '';
  81.         charCountDisplay.textContent = 'Количество символов: 0';
  82.         historyStack = [];
  83.     };
  84.  
  85.     const toggleBtn = document.createElement('button');
  86.     toggleBtn.textContent = 'Скрыть интерфейс';
  87.     toggleBtn.onclick = () => {
  88.         const isHidden = inputContainer.style.transform === 'translateX(100%)';
  89.         inputContainer.style.transform = isHidden ? 'translateX(0)' : 'translateX(100%)';
  90.         toggleBtn.textContent = isHidden ? 'Скрыть интерфейс' : 'Показать интерфейс';
  91.         toggleBtn.style.opacity = isHidden ? '1' : '0.5';
  92.     };
  93.  
  94.     const showBtn = document.createElement('button');
  95.     showBtn.textContent = 'Показать интерфейс';
  96.     showBtn.style.position = 'fixed';
  97.     showBtn.style.bottom = '10px';
  98.     showBtn.style.right = '10px';
  99.     showBtn.style.zIndex = 100001;
  100.     showBtn.onclick = () => {
  101.         inputContainer.style.transform = 'translateX(0)';
  102.         toggleBtn.textContent = 'Скрыть интерфейс';
  103.         toggleBtn.style.opacity = '1';
  104.     };
  105.  
  106.     inputContainer.appendChild(inputField);
  107.     inputContainer.appendChild(charCountDisplay);
  108.     inputContainer.appendChild(reverseBtn);
  109.     inputContainer.appendChild(undoBtn);
  110.     inputContainer.appendChild(selectAllBtn);
  111.     inputContainer.appendChild(clearAllBtn);
  112.     inputContainer.appendChild(toggleBtn);
  113.     document.body.appendChild(inputContainer);
  114.     document.body.appendChild(showBtn);
  115. })();
  116. // @description  try to take over the world!
  117. // @author       You
  118. // @match        http://*/*
  119. // @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
  120. // @grant        none
  121. // ==/UserScript==
  122.  
  123. (function() {
  124.     'use strict';
  125.  
  126.     // Your code here...
  127. })();