使用javascript正则表达式链接没有空间的多个主题标签

Question

我目前正在使用正则表达式像这样链接标签：

var text = "#sun #summer";
text = text.replace(/(^|\s)#(\S+)/g, '$1<a href="/$2">#$2</a>');

输出：

"#<a href="/sun">sun</a> #<a href="/summer">summer</a>"

这可以正常工作，但有时人们在＃号标签之间添加空格，因此如下所示： "#sun#summer"

如何链接这种没有空格的主题标签？

我尝试了这个：

var text = "#sun#summer";
text = text.replace(/(^|.)#(.|\S+)/g, '$1<a href="/$2">#$2</a>');

输出：

"<a href="/s">#s</a>un<a href="/s">#s</a>ummer"

但只能在#之后使用一个字符

Answer 1

var text = "#sun#summer";
text.replace(/#([^\s#]+)/g, '<a href="/$1">#$1</a>');
# => "<a href="/sun">#sun</a><a href="/summer">#summer</a>"

Answer 2

对于第二个，您可以尝试以下正则表达式，

(^|\b)#([^#]+)

演示

您的代码是

> var str = '#sun#summer';
> str.replace(/(^|\b)#([^#]+)/g, '$1<a href="/$2">#$2</a>');
'<a href="/sun">#sun</a><a href="/summer">#summer</a>'