2010-07-29 102 views
0

我想创建一个文本输入,如Facebook状态更新发布者。基本上,可以使用特定键(例如:@)激活标记/自动完成功能的输入,创建用作文本输入中单个字符的标记(可以使用单个退格键删除),但仍然接受常规文本输入。与Facebook不同,我只想接受一个这样的“标签”,并且只在输入开始时接受它。Facebook状态更新 - 像jQuery自动完成/标记功能

这似乎是最可行的选择(使用jQuery)是一个contenteditable分区。但是,我不知道如何处理jQuery。任何人都可以帮助我开始?谢谢。

回答

2

在第一个答案令牌化自动完成插件没有完成什么的问题是问。该插件只允许你建立一个搜索结果列表,其间没有普通文本。

我结束了写我自己的解决方案,这可以在这里找到:

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

0

希望,现在(6+年后)你设法找到一个合适的现有解决方案的需求,或者你已经设法推出自己的。如果你还没有,我想下面的内容会对你有所帮助,而那些在这里寻找这样的解决方案的人就会陷入困境。

A“提” - 管理实用程序具有3个分量:

  1. 自动完成模块:组件责任获取和显示一组可被用于创建一提的产品,给定的字符串。

  2. 提醒跟踪模块:负责跟踪提及相关数据的组件;在最少的情况下,每一次提及的表面和实质性(如果存在的)值都应该在附加公用事业的输入元素文本的所有修改中被追踪。

  3. 提及视觉区别模块:组件负责在输入元件从所述文本的其余部分区分提及的文本以将公用固定

希望这样的实用程序的击穿将让你了解如何推出自己的实现。

如果你想使用现有的强大的实现,看看Mentionator,这是由这个家伙在这里维护:)。