jquery - Facebook标记

时间:2013-05-20 09:49:21

标签: jquery facebook plugins autocomplete tags

是否有一个插件具有类似Facebook标签的行为?

这有什么特别之处,它的特点是:

  • 在输入的字词之间自动填写
  • 特殊输出的html(与另一个输入字段同步)

Tagging example

3 个答案:

答案 0 :(得分:4)

你可以使用jquery提及输入plugin,类似于facebook提及

或者您可以使用jquery sew plugin

答案 1 :(得分:1)

您可以使用JQuery UI widget:它允许您创建一个特殊单词列表,当用户开始输入时,它会建议+自动填充单词。

当选择特殊字时,您可以使用回调来处理特殊格式的html:

$( ".selector" ).autocomplete({
select: function( event, ui ) {}
});

已添加:
也可以在句子中间触发它,我确实在JSfiddle上找到了一个允许你这样做的例子。

在句子中的任意位置按 @ ,然后输入第一个字母。如果你想要一些自定义html,你可以改变选择回调。

http://jsfiddle.net/UdUrk/

希望这能让您更接近解决方案。

凯文

答案 2 :(得分:0)

我很高兴你能找到一个似乎符合你需求的解决方案,OP。对于其他碰巧遇到这种情况的人(如果我的假设是错误的话,OP)正在寻找一个强大的,积极维护的解决方案......

...签出Mentionator:它是一个jQuery插件,使客户能够为文本区域中的预定义实体创建突出显示的引用("提及")。这个人就在这里盯着:)。