JavaScript RegExp replace text

Question

I want to wrap around a #hashtag with <a href=''></a> in a sentence. I created a regular expression var exp = /#[\w\dğüşçöı]+/gi.

That expression works perfectly fine but I can't replace a #hey dude! string with

<a href='hashtag/hey'>#hey</a> dude!

jsFiddle example.

So what's the question?

Pointy
– Pointy

2014-10-20 14:16:16 +00:00
Commented Oct 20, 2014 at 14:16 — Pointy
– Pointy, Commented Oct 20, 2014 at 14:16
Convert #hey into <a href='hashtag/hey>#hey</a> form.

Emre Aydin
– Emre Aydin

2014-10-20 14:17:42 +00:00
Commented Oct 20, 2014 at 14:17 — Emre Aydin
– Emre Aydin, Commented Oct 20, 2014 at 14:17

robobot3000 · Accepted Answer · 2014-10-20 14:19:16Z

1

Surround your word regexp with brackets to make it a capture group that will be recognized by the replacement string as $1:

/#([\w\dğüşçöı]+)/gi

answered Oct 20, 2014 at 14:19

robobot3000

5892 silver badges4 bronze badges

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

7 Comments

James Thorpe Over a year ago

Note that this will throw away the # - you'll need to re-include it in the replace text

Emre Aydin Over a year ago

Thank you. I'll kindly accept your answer in 10 minutes.

James Thorpe Over a year ago

not now you've included it in the capture group it isn't, but it has been added to your /hashtag/#url though, which isn't what you intended

Emre Aydin Over a year ago

@JamesThorpe Is it safe to use '#' in URL?

James Thorpe Over a year ago

depends what the intention of the url is...! I'd guess in your case probably not. What this will do is load whatever page is at /hashtag/ and then try to navigate to the #hash anchor on that page, rather than just navigating to the page served by /hashtag/hash

|

Community · Accepted Answer · 2017-05-23 11:51:41Z

0

I found a solution in a similar PHP-Question (https://stackoverflow.com/a/4277114/4161041):

var raw = "Hello #world! #hey dude!";
var pattern = /#(\w*[a-zA-Z_ğüşçöı]+\w*)/ig;
var replacement = "<a href=\"hashtag/$1\">#$1</a>";
var parsed = raw.replace(pattern, replacement);

http://jsfiddle.net/j3pttLnz/

I hope this helps.

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Oct 20, 2014 at 14:40

Patte

835 bronze badges

3 Comments

Emre Aydin Over a year ago

That's PHP. I'm trying to reduce server's load with doing it with JavaScript. But thank your for finding it. I'll use it for pre-loaded content with PHP.

Patte Over a year ago

Nope, it's JavaScript. I just used the expression from the PHP-Topic. Try my example by clicking jsfiddle-link ;-)

Emre Aydin Over a year ago

Oh, selective perception. I thought that's a PHP code when I read PHP-Question :D Didn't read rest of the code.

Collectives™ on Stack Overflow

JavaScript RegExp replace text

2 Answers 2

7 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related