Скрипт позволяет:

1. Изменять ширину блока текста — удерживайте ЛКМ на самом блоке и тяните курсор влево/вправо.


2. Перемещать блок по вертикали — ЛКМ на блоке + движение курсора вверх/вниз.


3. Регулировать интенсивность затемнения — ЛКМ на затемнённой области + движение курсора вверх/вниз.


4. Автоматически подгонять строку ввода — при вводе текст выравнивается под символ или слово, подсвеченные сверху, чтобы не смещать горизонтальный обзор.


5. Масштабировать квалификационное изображение с текстом — автоматически растягивается по ширине блока (100%) и адаптируется по цвету фона в зависимости от применённой темы.


6. Плавная анимация состояний строки ввода — при смене режима (ошибка, заблокировано, доступно) анимируется цвет фона и текста.


7. Поддержка светлой и тёмной темы — переключение Alt + T или Ctrl + ЛКМ по затемнённой области.


8. Регулировать число видимых строк — двойной клик по тексту переключает «весь текст ↔ построчно», в построчном режиме прокрутка колёсика мыши меняет количество строк.


9. Индикатор построчного режима — показывает, что вы в «построчном» режиме.


10. Настройка размера шрифта — при изменении отображается индикатор нового размера.


11. Отдельная конфигурация для каждого режима/словаря — параметры не смешиваются, сохраняются только в режиме «Запомнить».
https://i.imgur.com/io0umQQ.mp4

12. Интерфейсные доработки — цвет текстового курсора, подсветка текста и фона выделения, отступы и скругления строки ввода.


13. Горячие клавиши для старта заезда
- Ctrl + Enter — по умолчанию запускает новый заезд (если уже в заезде, создаёт следующий).
- Ctrl + → — действует до входа в плавающий режим (в режиме блокировки на курсор не влияет).

Выход из плавающего режима — Esc или двойной клик по затемнённому фону.
Подсказка по горячим клавишам и манипуляциям мышью — наведите Ctrl + hover на строку ввода.


Ссылка с кодом для установки в браузерном расширении tampermonkey: https://raw.githubusercontent.com/Vimiummui...de_Typeblock.js

Версия 1.0.7

1. Были внесены некоторые исправления в окрашивании текста и фона строки ввода, когда ошибка, когда строка ввода не активна. Теперь цветовое оформление обновляется правильно в реальном времени накладываясь поверх дефолтных стилей самого сайта.
2. Теперь затемнение поддерживает только смещение курсора вверх/вниз для регулировки затемнения. влево/вправо более не регулирует ширину блока.
3. Ширину блока теперь можно регулировать с зажатой (ЛКМ) по самому блоку с текстом влево/вправо
4. Также добавилась возможность позиционировать сам блок по оси Y (вертикально) с зажатой (ЛКМ) на блоке с текстом вверх/вниз

https://i.imgur.com/iG8TD4l.mp4

В квалификации можно как-то изменить окно или это касается только обычных текстов?

Добавил такую возможность.

Версия 1.0.8

1. Теперь картинка внутри блока масштабируется автоматически (100% ширины) относительно общего блока.
https://i.imgur.com/vDpQOOs.mp4

2. Дополнительно адаптировал картинку по цвету фона.
https://i.imgur.com/uekqFDP.png

Версия 1.0.9

1. Затемнён набранный цвет текста.
2. Добавлена плавная анимация цвета фона и цвета текста в строке ввода в момент изменения (ошибки, заблокировано, доступно).
3. Добавлена возможность изменения ширины строки ввода удерживая (ЛКМ) тянуть влево/вправо.

https://i.imgur.com/77DtiDb.mp4

Версия 1.1.0

1. клавиатура затемнена под фон.
2. Задана минимальная ширина для общего блока 566px, чтобы клавиатура не выпрыгивала из контейнера и квалификационная картинка не смотрелась слишком мелко.

Версия 1.1.1

1. Возможность управлять шириной строки ввода убрана.
2. На замену настройки ширины строки ввода появилась новая функция, автоматическая подгонка строки ввода с отступом слева так, чтобы набираемое слово в строке стыковалось с текстом (символом) подсвеченным сверху (в фокусе) по вертикали. Это позволит больше не смещать взор по горизонтали, чтобы увидеть где была совершена ошибка или же облегчить контроль над набираемым текстом.

Пример с подсветкой слова.
https://i.imgur.com/LFdd8Tl.mp4

Пример с подсветкой символа.
https://i.imgur.com/nbBvlSI.mp4

Рекомендуемый режим с подсветкой слова, так как именно тут происходит 100% стыковка по буквам.
Также рекомендуется задавать одинаковый шрифт и его размер для строки ввода и для набираемого текста, чтобы не было разницы по горизонтальному смещению.

3. Дополнительно убрана надпись (показать экранную клавиатуру) только на момент входа в плавающий режим. До этого эта текстовая кнопка остаётся доступной. Её можно заблаговременно включить (показать экранную клавиатуру), если в ней есть необходимость, до 3 секунд таймаута.

Версия 1.1.2

1. Множественные интерфейсные улучшения (цвет текстового курсора, цвет выделенного текста и фон выделения, [заблокировано, ошибка, дефолт], отрегулированы отступы, скругления на строке ввода).

автор, можешь ли ты сделать для светлой темы css этого блока?

ЕСТЕСТВЕННО

Версия 1.1.3

1. Реализована поддержка светлой и тёмной темы. Переключаться между ними можно сочетанием клавиш Alt + T или Ctrl + (ЛКМ) по затемнённой области.
2. Добавлена возможность регулировать количество видимых строк в текстовом блоке. Чтобы переключаться между режимами «весь текст» и «построчно», выполните двойной клик по тексту. В построчном режиме наведите курсор на текст и прокрутите колесико мыши для увеличения или уменьшения числа строк.

P.С. Все горячие клавиши и действия мышью можно найти в подсказке при наведении на затемнённую область — они уже обновлены.

https://i.imgur.com/6Jh8eRU.mp4

Версия 1.1.4

Цветовая палитра пересмотрена, а значения в формате HEX преобразованы в HSL для более точной настройки и удобства их редактирования.

Светлая тема
https://i.imgur.com/5hxvA6M.mp4

Тёмная тема
https://i.imgur.com/3cXuhYD.mp4

Версия 1.1.5

1. Для показа подсказки по хоткеям и манипуляциям с мышью, необходимо навести курсор на строку ввода с зажатой клавишей Ctrl.
https://i.imgur.com/ZFl4wDx.mp4

Версия 1.1.6

1. Добавлена настройка размера шрифта
2. Реализована отдельная конфигурация для каждого режима или словаря, не влияющая на общие параметры и не требующая сохранения
3. Обновлены сочетания хоткеев и кликов

Обновления в разделе манипулятивных действий


https://i.imgur.com/Zcz46uk.mp4

Версия 1.1.7

Были устранены долгоиграющие баги и доработана логика, из-за которой раньше наблюдались непредсказуемые подтормаживания и зависания перед появлением плавающего блока. Теперь таких проблем не должно быть. Обратите внимание, что режимы пользовательских настроек работают несколько иначе: сначала нужно активировать режим “Запомнить”, а уже затем вносить изменения. Если же сначала применить настройки, а потом нажать “Запомнить”, то будут перезаписаны дефолтные параметры, сохранение которых не требуется. После выхода из режима плавающего блока повторно войти в него можно двойным кликом по строке ввода.

https://i.imgur.com/io0umQQ.mp4

Версия 1.1.8

1. Добавлен дополнительный индикатор построчного отображения текста.

https://i.imgur.com/tmR4QqI.mp4

Версия 1.1.9

1. Добавлена индикация размера шрифта при изменении.

https://i.imgur.com/JSfwCab.mp4

ctrl + стрелка вправо не кликается в заезде)

ЭТО КОНЕЧНО ЖЕ ПОПРАВИМО

Версия 1.2.0

1. Дефолтное сочетание горячих клавиш Ctrl + Enter сохраняется для старта заезда. Как только заезд стартовал или уже в процессе, то Ctrl + Enter создают следующий заезд.
Сочетание горячих клавиш Ctrl + Стрелка вправо (>) работают только до входа в плавающий режим блока с текстом.

https://i.imgur.com/zRNFETU.mp4

Обновлено описание: https://klavogonki.ru/forum/software/5508/page1/#post1

нужна возможность 4-ый пункт как-то отключить в настройках, потому что эта скачущая строка отвлекает во время набора