Функция поиска ранее введенных тегов в поле для добавления тегов about anime-pictures HOT 9 CLOSED

Заголовок правильный?
Идею про оптимизацию ввода тегов понял, а про удаление не понял.

from anime-pictures.

ну т.е. ты хочешь отдельно маркировать те теги которые уже и так стоят? разумно! попробую сделать

from anime-pictures.

При вводе тегов в поле - появляется стандартные подсказки, но вписанные ранее теги там представлены в сером цвете. При нажатии на серый тег из подсказок - поле ввода тегов отчиститься до предыдущего (или до символа ||), так как теги обычно пишут сразу друг-за-другом.
Если справа у серого тега сделать иконку корзины и позволять удалять проставленные теги с самой картинки - это будет уже перегруз функционала, ведь это всё же поле подсказок. Но мне и самому покаялось, что я именно это имел в виду под удалением

from anime-pictures.

При вводе тегов в поле - появляется стандартные подсказки, но вписанные ранее теги там представлены в сером цвете.

Звучит так, что предлагаешь анализировать поле ввода тегов. Первый пост показывает. что нужно анализировать теги с картинки.
Это немного разные задачи. Для тегов на картинке ещё нужно учесть, что мы не показываем рекомендованные теги в реальном времени (не модераторам). Соответственно, нужно делать парсинг вводимого текста, тегов картинки и рекомендованных тегов.

Для парсинга строки по ещё не добавленным (*рекомендованным тегам) учитывайте, что пользователь может случайно не то нажать. Поэтому удаление текста наоборот замедлит ввод тегов. Учитывает набор мышь+клавиатура. Для сенсора и виртуальной клавиатуры зависит от устройства, порядка действий и т.п.
Например, набираю "карандаш". Хочу выбрать "юбка-карандаш", но выбираю "карандаш". Сейчас могу стереть "||" и выбрать другую подсказку. Нажатие бекспей два раза. Если реализовать удаление текста, то придётся снова набирать слово. Аналогично с "волосы". Могу два раза кликнуть лишнее слово и удалить его.
Конечно, зависит от навыков и привычек пользователя. Например, для одиночного ввода мне быстрее клавиатурой выбрать весь текст и снова набрать.

Обдумывал скрытие существующих тегов из рекомендаций. но пришёл к выводу не наглядности, словно тега не существует.

В итоге, пока пришёл к выводу, что не совсем понимаю какую задачу решает запрос на реализацию.

Исключить дублирование тегов в строке ввода?
Для картинок с правами установки тегов (своя новая или модератор) дубликаты тегов не вызывают ошибок.

Исключить ошибки "have already on picture", "have already in recommendation", "unknown tag"?
Реализовать очистку поля с показом ошибки. Принимать допустимые теги, остальные игнорировать. Поиск ошибок в строке часто занимает больше времени, чем заново набрать пару тегов. Особенно, учитывая малую ширину поля ввода.
Копирования тегов с других сайтов нет. да и всё равно нужно проверять правильность тегов.
Если ошибок много, то реализовать кнопку (i) с логом уведомлений, которая появляется при показе уведомлений. Размещается рядом с кнопкой "Добавить". убирается при навигации/закрытии страницы.

Показывать, что тег уже есть на картинке?
Зачем тогда очищать поле? Сделайте уведомление сразу при вызове тега и не меняйте строку ввода в этот момент.
Уведомление о наличии тега будет работать. если использовалась копипаста или тег набран вручную без подсказки.

from anime-pictures.

@iDolmatov Ми часто работает с сайтом с планшета или смартфона без физической клавы, ему ещё раз набирать текст значительно сложнее. И ты немного про другое говоришь. А так поле ввода и теги мы и так парсим.

from anime-pictures.

Большое спасибо за реализацию.
@iDolmatov, Идея тут не только в том, что бы облегчить работу с планшета, но и что бы в целом уменьшить время на тегирование и не запутаться лишний раз какие теги введены, а какие пропущены. А так же что бы исключить необходимости писать теги сначала в поле поиска на странице (по ctrl+F), а потом писать то же самое в поле ввода тегов (лично я так делаю очень часто).

Первый пост показывает. что нужно анализировать теги с картинки.

Речь не про ИИ распознавание... Или что имелось в виду под "анализировать теги с картинки"?
Там просто изображено поле которые вызывается на ctrl+F и поле ввода тегов, по этому и изначальное название "Совмещение поля ввода тегов и поиска на странице браузера", типа эти 2 поля станут одним целым)

набираю "карандаш". Хочу выбрать "юбка-карандаш", но выбираю "карандаш". Сейчас могу стереть "||" и выбрать другую подсказку

Правильно говоришь, так оно и работает после реализации. Зачёркнутый тег не тот который сейчас прописан через "||" (там дубли не важны), а только тот, который уже добавлен на картинку. Идея именно в этом и Stalkerg её правильно понял. Удаление при нажатии тоже просто чуть-чуть экономит время, так как пользователь мог думать именно про уже поставленный тег. Тут всё получилось классно

Если ошибок много, то реализовать кнопку (i) с логом уведомлений, которая появляется при показе уведомлений. Размещается рядом с кнопкой "Добавить". убирается при навигации/закрытии страницы.

Да, сейчас если копировать - то приходиться скринштотить страницу, вписывать теги в notepad

и после искать ошибки по скрину

Можно сделать подобный лог. Но качество тегирвоания на booru в целом низкое, поэтому копирование немного бесполезно...

Ми часто работает с сайтом с планшета или смартфона без физической клавы

@stalkerg, Это было бы хорошее объяснение от куда у меня так много ошибок но это увы совсем не так, я работаю всегда только с клавиатурой (но знаю людей которые работают с телефона).
Ошибки в тегах у меня по тому, что.... Когда я несколько лел подряд пытался делать всё без ошибок максимально подробно - ошибки все ровно были и в конце всё мотивировало, я зыбил вылизывать каждую детальку (тем более фоном идёт физическая работа), думаю, так далеко не только у меня было. И теперь спокойно в базовых тегах могу голубые глаза обозвать сними волосами, по тому что тега "синие глаза" нет... (конечно нужно быть как обычно внимательнее).

В целом базовый набор тегов самый коварный, его нужно ставить на вообще абсолютно каждую картинку и это реально задалбывает, писать одни и те же слова по 10 раз на дню. В 20 году когда занимался общественной работой со старыми пикчами - попросил @7nik написать список моих "постоянно рекомендуемых тегов",

выглядело круто это выглядело

почти такие же галочки

Функция полезная и максимально поменяет подход ко всей работе тегирования

from anime-pictures.

Для истории - на данный момент у реализованный функции (в рамках изначальной идей) есть следующие недостатки:

• ещё чуть-чуть медленнее стали открываться подсказки (уже пофиксили)
• работу с удалёнными тегами так же пофиксили

from anime-pictures.