【问题标题】:jquery - Facebook taggingjquery - Facebook 标记
【发布时间】:2013-05-20 09:49:20
【问题描述】:

有没有类似 Facebook 标签行为的插件?

它的特别之处在于它的特点:

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

【问题讨论】:

    标签: jquery facebook plugins autocomplete tags


    【解决方案1】:

    您可以使用 jquery 提及输入 plugin 它类似于 facebook 提及

    或者你可以使用 jquery sew plugin

    【讨论】:

    • jQuery 提及对我来说似乎是完美的解决方案!完美:D
    【解决方案2】:

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

    您可以在选择特殊单词时使用回调来处理特殊格式的html:

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

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

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

    http://jsfiddle.net/UdUrk/

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

    凯文

    【讨论】:

    • 我实际上已经搞砸了很多。但是我遇到了一个问题,似乎不可能在句子中间进行自动完成......另外,当我有元素时(我选择了spancontenteditable="true")很难看到标签(包围在<b> 标签中)和常规文本之间的区别(因为自动完成获取扁平文本,而不是html代码......)
    • 啊,好吧,我确实在我的答案中添加了一些内容。也许有帮助。
    • 它更好,但仍不完美。我认为 jQuery 提到插件是最好的方法:)
    【解决方案3】:

    很高兴您能够找到似乎符合您需求的解决方案,OP。对于其他任何偶然发现这一点的人(如果我的假设是错误的,还有 OP)谁正在寻找一个强大的、积极维护的解决方案......

    ...查看Mentionator:它是一个 jQuery 插件,它使客户端能够创建对文本区域中预定义实体的突出显示的引用(“提及”)。它是由这里的这个人管理的:)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多