Плагин автозаполнения Facebook jQuery для текстовой области и свободного текста

Есть ли плагин jQuery, похожий на Facebook, который предлагает/автозаполняет по этим критериям:

  1. Работает для textarea или contenteditable div. Я нахожу много плагинов, которые поддерживают только поля ввода (например, http://loopj.com/jquery-tokeninput/ ).
  2. Поддерживает свободный текст, комбинацию тегов и текста без тегов. Это пример, который позволяет использовать теги только после нажатия клавиши ввода: http://brianreavis.github.io/selectize.js/ — это НЕ свободный текст. Примерами свободного текста могут быть At.js (http://ichord.github.io/At.js), jquery-textcomplete (http://yuku-t.com/jquery-textcomplete ) и jquery.mentionsInput (http://podio.github.io/jquery-mentions-input< /а>)
  3. CSS-эффект, похожий на таблетку, с функцией возврата/удаления. http://yuku-t.com/jquery-textcomplete/ довольно близко, но стиль пример не имеет функции удаления, которая есть в других плагинах. Пример 1 имеет хорошую функцию удаления.

Вот пример от Zapier, который делает это хорошо:

Zapier


javascript jquery textarea jquery-autocomplete jquery-tokeninput
person Chandrew    schedule 02.06.2014    source источник
comment
Удалил свой пост, так как больше не думаю, что это действительно то, что вы ищете. Удачи найти что-нибудь.   -  person Chris    schedule 02.06.2014
comment
Спасибо @Крис. Также обратите внимание: живым примером может быть переход на Facebook и ввод «@[Friend]» в обновлении статуса.   -  person Chandrew    schedule 06.06.2014

Ответы (2)


arrow_upward
6
arrow_downward

Найдена rich_textarea, соответствующая всем критериям.

https://github.com/Yermo/rich_textarea

person Chandrew    schedule 06.06.2014
comment
Вы видели это? вопросы/1191807/. Выглядит даже лучше. - person serraosays; 07.06.2014
comment
@staypuftman Да, но это не совсем похоже на обновление вашего статуса в Facebook. Большинство из них ограничены элементами поля ввода или тегами без разного текста (разрешены только «теги»). Это не то, что я себе представляю, когда думаю об обновлении статуса Facebook, где я могу выбрать имя друга, а затем написать остальную часть своего сообщения. Как и многие другие плагины, похоже, что jquery-tokeninput поддерживает только поля ввода и разрешает только теги (т. е. я не могу начать печатать «Я люблю Симпсонов».) - person Chandrew; 07.06.2014

arrow_upward
0
arrow_downward

Несмотря на то, что вы нашли подключаемый модуль, который соответствует вашим потребностям, я решил предложить альтернативу (для вас и всех, кто может наткнуться на это). Чем больше, тем лучше, верно?

Mentionator превосходит* все ваши требования, а также легче и совместим с большим количеством браузеров (с его можно прикрепить к <textarea> элементам), чем к rich_textarea (тематический плагин принятого ответа на момент написания этого поста).

Я, наверное, должен упомянуть, что Mentionator поддерживается вашим покорным слугой :) .

*Mentionator предоставляет параметры doesRecognizeDelimitedSubstrings и delimValue, которые описаны в документации Mentionator следующим образом:

doesRecognizeDelimitedSubstrings: 
    A boolean which, if defined as true, will allow the external value
    of a mention, herein called "mentionExternalValue", to sustain
    modifications so long as the result of each such modification 
    is in mentionExternalValue.split(delimValue)

delimValue: 
    A string, or regular expression representing the set of strings,
    that, given doesRecognizeDelimitedSubstrings === true, delimit
    mentionExternalValue substrings that can also serve as external
    value of the mention if yielded by a modification of
    mentionExternalValue
person Kevin    schedule 02.07.2016