找到像@这样的特殊字符，并用span或div将其包装到html标记中

Question

我想从字符串中找到像@这样的特殊字符，并将其包装到像span或div这样的html标记中，比如CCD_ 1。

所以我希望@user是<span class="class">@user</span>，但电子邮件不应该受到影响，因为它也有@，

我是regex的新手，但想出了一个regex，但它不起作用/@[w]+/g，但这也从电子邮件中选择了@gmail，这是不正确的，请帮助

Answer 1

使用B确保@前面没有单词边界。

const str = "@user you email @id is [e-mail]";
str.replace(/B(@w+)/g, '<span>$1</span>');

结果：

"<span>@user</span> you email <span>@id</span> is [e-mail]"

Answer 2

只需使用模板字符串

str = `<span>@user</span> you email id is [e-mail]`

这里不需要regex。

编辑：使用regex获取@user尝试此B@w+