Question

如何进行设置，以便在用户输入@sometext时，文字会以@开头的某个颜色，并在有空格的地方结束。

例如，假设用户键入以下内容（我使用粗体替换颜色）：

@username 这是一些文字。

我知道我必须使用以下内容，但我不确定如何继续：

$("textarea").keyup(function() {

}

请帮忙。

Answer 1

要获取textarea中的文本并以不同的元素显示颜色，请在要设置颜色的文本中的每个项目周围添加标记，并为该标记设置样式。

示例：

$("textarea").keyup(function() {
  $('div').html($(this).val().replace(/(@[^ ]+)/g, '<span>$1</span>'));
});