【发布时间】:2013-05-20 09:49:20
【问题描述】:
有没有类似 Facebook 标签行为的插件?
它的特别之处在于它的特点:
- 在键入的单词之间自动完成
- 特殊输出的 html(与另一个输入字段同步)
【问题讨论】:
标签: jquery facebook plugins autocomplete tags
有没有类似 Facebook 标签行为的插件?
它的特别之处在于它的特点:
【问题讨论】:
标签: jquery facebook plugins autocomplete tags
您可以使用 JQuery UI widget: 创建一个特殊单词列表,当用户开始输入该单词时,它会建议 + 自动完成该单词。
您可以在选择特殊单词时使用回调来处理特殊格式的html:
$( ".selector" ).autocomplete({
select: function( event, ui ) {}
});
添加:
也可以在句子中间触发,我确实在 JSfiddle 上找到了一个例子,它可以让你这样做。
在句子中的任意位置按 @ 并输入第一个字母。如果你想要一些自定义的 html 围绕它,你可以更改选择回调。
希望这能让您更接近解决方案。
凯文
【讨论】:
span 和contenteditable="true")很难看到标签(包围在<b> 标签中)和常规文本之间的区别(因为自动完成获取扁平文本,而不是html代码......)
很高兴您能够找到似乎符合您需求的解决方案,OP。对于其他任何偶然发现这一点的人(如果我的假设是错误的,还有 OP)谁正在寻找一个强大的、积极维护的解决方案......
...查看Mentionator:它是一个 jQuery 插件,它使客户端能够创建对文本区域中预定义实体的突出显示的引用(“提及”)。它是由这里的这个人管理的:)。
【讨论】: