Regex to find URLs in a string

Question

I'm using a regex to find URLs in a string, and then turn them into real HTML links, (in JavaScript). The problem with my regex is that it includes the previous character before http. (I'm talking about the second regex in the first array.)

str = "testhttp://example.com";

search = new Array(
    /\[url\](.*?)\[\/url\]/ig,
    /(?:[^\]\/">]|^)((https?):\/\/[-A-ZÅÄÖ0-9+&@#\/%?=~_|!:,.;]*[-A-ZÅÄÖ0-9+&@#\/%=~_|])/ig
);

replace = new Array(
    '<a href="//$1">$1</a>',
    '<a href="$1">$1</a>'
);

for (i = 0; i < search.length; i++) {
    str = str.replace(search[i], replace[i]);
}

The output becomes:

tes<a href="http://example.com">http://example.com</a>

But I want it to be:

test<a href="http://example.com">http://example.com</a>

What's important is that the regex should find URLs even though they are first in the string, but they should not be found if the previous character is either one of the following three characters: "/>

I'm quite new to regex. Hope you understand!

Thanks!

This question gets asked a lot. Do a search for "linkify URL". — ridgerunner, Sep 26 '12 at 01:10

score 1 · Accepted Answer · edited May 23 '17 at 12:04

1

The problem is that JavaScript will always replace the full match, not an inner capture group.

So here is a neat (and tested) trick to alleviate this. Make your first subpattern capturing:

/([^\]\/">]|^)((https?):\/\/[-A-ZÅÄÖ0-9+&@#\/%?=~_|!:,.;]*[-A-ZÅÄÖ0-9+&@#\/%=~_|])/ig

And then include it explicitly:

'$1<a href="$2">$2</a>'

edited May 23 '17 at 12:04

Community

1
1

answered Sep 25 '12 at 17:28

Martin Ender

43,427
11
90
130

score 0 · Answer 2 · answered Sep 25 '12 at 17:31

0

Use a look behind:

 /(?<[^\]\/">]|^)((https?):\/\/[-A-ZÅÄÖ0-9+&@#\/%?=~_|!:,.;]*[-A-ZÅÄÖ0-9+&@#\/%=~_|])/ig

answered Sep 25 '12 at 17:31

Eric

95,302
53
242
374

I didn't think JavaScript natively supports lookbehinds, does it? – Martin Ender Sep 25 '12 at 17:33
@m.buettner: Oh, not sure. I thought it was just negative lookbehinds. – Eric Sep 25 '12 at 17:35
apparently not, I just ran the code. Also, [this](http://blog.stevenlevithan.com/archives/mimic-lookbehind-javascript). – Martin Ender Sep 25 '12 at 17:37

Regex to find URLs in a string

2 Answers2

Linked