Функциональность @mention в Twitter / Facebook с помощью jQuery

Я пытаюсь реализовать систему @mention в приложении, которое я создаю, и сталкиваюсь с некоторыми трудностями.

Мой первоначальный подход таков:

  1. Создайте два скрытых ввода после того, как текстовое поле / ввод будет @mentionified. Первый будет содержать искомый текст (для автозаполнения). Второй будет содержать найденные упоминания в форме @ [objectId: text].

  2. Это сложнее реализовать на практике, чем можно было бы подумать. Когда кто-то нажимает символ @, мне нужно начать вводить следующий текст в автозаполнение. Мне нужно только получить текст между символом @ и курсором. Что, если они щелкнут курсором в какой-либо другой части ввода, чтобы что-то отредактировать, а затем вернутся, чтобы отредактировать текст @. Сценарий должен быть достаточно умным, чтобы искать автозаполнение только тогда, когда пользователь обновляет текст сразу после символа @.

Мысли о том, как это лучше всего реализовать? Есть ли плагин, который уже делает это?

6
задан alex 5 August 2015 в 03:53
поделиться