使用jQuery的Twitter/Facebook @mention功能

Mar*_*arc 6 twitter jquery hashtag

我正在尝试在我正在构建的应用程序中实现@mention系统并遇到一些困难.

我最初的方法是:

  1. 在textarea/input为@mentionified后创建两个隐藏的输入.第一个将保存正在搜索的文本(用于自动完成).第二个将以@ [objectId:text]的形式保存已发现的提及.

  2. 这比人们想象的更难实施.当有人按下@符号时,我需要开始将后续文本输入自动完成.我只需要在@符号和光标之间获取文本.如果他们点击光标到输入的其他部分来编辑某些内容,然后返回编辑@文本.脚本需要足够智能,只有当用户在@符号后面更新文本时才搜索自动完成.

关于实施这个的最佳方法的想法?那里有插件吗?

adr*_*aan 10

我用这个:https://github.com/podio/jquery-mentions-input

这是一个演示.我觉得它对你有帮助.

编辑:

以上插件不再维护.这个插件(由Ivan Virabyan提供)是一个有一些改进的分支:https://github.com/ivirabyan/jquery-mentions

  • 它的马车就像地狱一样.移动到下一行后,很多时候标记的用户名都无法正确呈现. (3认同)

Haw*_*kee 5

我自己也在为此苦苦挣扎,最终编写了一个使用隐藏字段在帖子的完整上下文中存储 user_id 的解决方案:

http://www.hawkee.com/snippet/9391/