Как сделать отметить людей?

Question

[JTester]

Здравствуйте! Расскажите пожалуйста, как сделать отметку людей как в Инстаграме? То есть, вы когда создание пост, вы можете добавить комментарий свой, вот вы можете упомянуть людей. Как это делается?

Comments

[Денис Юрьев]

Руками и мозгами это делается.
1) Обрисовывается задача на уровне UX/UI
2) Фронты думают как это сделать в браузере на html/js/css
3) Бэки думают как это реализовать на уровне PHP/MySQL + прочий прикладной программный стэк если необходим
4) Фронты и бэки договариваются как будут взаимодействовать (какие запросы с фронта будут улетать в бэк, что бэк должен отвечать на это)
5) Садятся и делают

Собственно это ответ на любой вопрос по части "как делают такую то фичу на сайте"

Answer 1

[MikUrrey]

1) В браузере: в JS переменную рендерится список участников беседы. Как- зависит от требований. Может, статично вместе с HTML-кодом страницы, может, динамически - AJAXом, а может, в "живом" режиме посредством WebSocket. На обработчик события input в поле textarea вешается задача выводить меню участников на позиции курсора, если нажата "собака" @ (чаще всего именно она используется для обращений). Клик на пункте меню добавляет ник собеседника после "собаки"
2) На сервере: получаем текст и регуляркой извлекаем подстроки вида "@никнейм", собираем их и извлекаем из базы данных юзеров по никнеймам их реквизиты, на которые и будем слать уведомления (SELECT WHERE IN).

Более подробные детали реализации проявляются по ходу изучения стека разработки :)