Полезная утилита для удобной работы с тегам YouTube или любой другой схожей по структуре информацией. Она может автоматически сортировать теги, удалять дубликаты, преобразовывать списки из разных форматов разделения и т.п.
- TypeScript
- React
- Redux Toolkit
- Tailwind CSS
Пользователь может вводить массив тегов в верхнее поле. Допустимо разделять теги запятой с пробелом или располагать каждый тег на новой строке.
Нажатием кнопок Set / Add теги конвертируются в рабочий формат в нижнюю часть интерфейса - Set заменяет, Add добавляет к набору. Здесь происходит основная работа с тегами.
Теги можно сортировать по алфавиту или длине, удалять дубликаты с учетом регистра или без, фильтровать по содержимому.
Из нижней части набор тегов копируется в буфер обмена (кнопка Copy) с разделением на строки, один тег - одна строка.
С помощью кнопок Get верхнее поле получает набор тегов с разделением запятыми.
С помощью кнопок Get# верхнее поле получает набор тегов в виде хештегов. Например React интернет магазин
преобразуется в #ReactИнтернетМагазин
Кнопка Copy верхней части копирует содержимое поле ввода в буфер обмена.
В правом верхнем углу находится кнопка дополнительного меню. Тут можно сохранить и восстановить текущее состояние приложения, или очистить сохраненные данные. Данные хранятся в localStorage браузера.
- Line By Line - для удобства восприятия теги можно отображать построчно: один тег - одна строка
- Case Sensitive - при поиске дубликатов будет учитываться регистр букв
- Auto Close - меню закрывается автоматически, когда мышь покидает зону