Comments (9)
Заголовок правильный?
Идею про оптимизацию ввода тегов понял, а про удаление не понял.
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 написать список моих "постоянно рекомендуемых тегов",
Какое было моё удивление когда появилось ИИ распознавание тегов на booru и там это реализовали черезФункция полезная и максимально поменяет подход ко всей работе тегирования
from anime-pictures.
Для истории - на данный момент у реализованный функции (в рамках изначальной идей) есть следующие недостатки:
![](https://user-images.githubusercontent.com/32958490/258673450-599f0d6b-cb00-4302-85a3-821b989d5a51.png)
- ещё чуть-чуть медленнее стали открываться подсказки (уже пофиксили)
- работу с удалёнными тегами так же пофиксили
from anime-pictures.
Related Issues (20)
- История тегов в открытом доступе с доступом к NSFW HOT 6
- Banned artist / запрещённые публикации художников HOT 2
- Стиль страниц тегов и последних звёзд HOT 4
- Site statistics HOT 1
- Ссылка "Мобильная версия".
- Отображение комментариев на всех языках HOT 4
- Английские теги в колонке японского языка HOT 3
- Улучшение страницы "Все пользователи"
- Кнопка загрузки картинок - указать форматы HOT 2
- Редизайн HOT 23
- Параметр outline-offset для строки поиска HOT 2
- Подсказка для гостей сайта HOT 14
- Поиск в найденном HOT 7
- Картинки с дочерними тегами без родительских тегов HOT 1
- Отсылка к забаненной картинке дубля при загрузке дубля
- Автор при запросе json HOT 13
- Просмотр HOT 1
- сравнение картинок по тегам HOT 6
- Предупреждение о покидании страницы при наличии введённого текста HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from anime-pictures.