linkify multiple hashtags with no space using javascript regex

Question

I'm currently linkifying hashtags using regex like this:

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

output:

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

this works fine, but sometimes people add hashtags without spaces in between them, so something like this: "#sun#summer"

how do I linkify this type of hashtags without spaces?

I tried this:

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

output:

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

but only works for one char after #

falsetru · Accepted Answer · 2014-07-01 13:32:57Z

4

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

answered Jul 1, 2014 at 13:32

falsetru

371k69 gold badges770 silver badges660 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Avinash Raj · Accepted Answer · 2014-07-01 13:32:13Z

1

For the second one, you could try the below regex,

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

DEMO

Your code would be,

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

answered Jul 1, 2014 at 13:32

Avinash Raj

175k32 gold badges247 silver badges289 bronze badges

2 Comments

krisrak Over a year ago

Thanks, It works for #sun#summer but not when there are other words in the text for example: hello #sun#summer sunny #hot, @falsetru's answer worked for all

krisrak Over a year ago

here is another test string: hello #sun#summer sunny #hót #hot.hot, #hot_hot, #hot., can u help with this? hot.hot is valid, but hot. or hot, should only linkify hot , special char is also valid hót

Collectives™ on Stack Overflow

linkify multiple hashtags with no space using javascript regex

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related