jQuery:如何突出显示输入框中的文本？

Question

我想知道如何突出显示输入框中的某些文本；简单的例子，假设我想在输入时突出显示所有以“@”开头的术语。

所有术语均从远程自动完成建议列表中检索。

我面临的问题是这个输入框，因为我无法在文本周围添加 html 标签，因此无法根据这些特定术语制作 css...

感谢您的帮助!

干杯!

Answer 1

我希望这就是您所追求的。

首先看一下highlightTextarea 。由 Julien L 制作

使用此功能，您可以执行以下操作:

$("textarea").highlightTextarea({
    words: ["\\B@\\w+"],
    color: "lightblue",
    id: "mark"
});

正则表达式 \\B@\\w+ 断言位置位于非单词边界 (\B)，后跟 @ 和匹配 \w 下的所有内容。

DEMO