Convert text url link into clickable link

Question

Convert all occurrence of www in string with http://www I have tried

Regular expression: /^www(?!http\:\/\/|https\:\/\/)./g; but it's working only in case when any character or digit don't precede www. For example: Find me at www.test.com in this case it's failing but it's working for www.google.com find me on this. I don't know how to put condition in regular exp for this.

function mailify(text)
{
  var regEx = /^www(?!http\:\/\/|https\:\/\/)/g;
  return text.replace(regEx, "http://www");
}

console.log(mailify("www.ni@gmail.com"));

Spencer Wieczorek · Answer 1 · 2014-01-30T09:50:05.047

1

You can do this:

return text.replace("www", "http://www");

edited Jan 30 '14 at 09:50

answered Jan 30 '14 at 09:16

Spencer Wieczorek

21,229
7
44
54

Hey ur reg ex is not working check with this : console.log(mailify("fine ksajd kajsl d www.ni@gmail.com")); it is replacing http://www.ni@gmail.com while it should be fine ksajd kajsl d http://www.ni@gmail.com – Nishant Kumar Jan 30 '14 at 09:36
Misread, I thought it was extracting. But if it's just text-to-text replacement you can use two strings. – Spencer Wieczorek Jan 30 '14 at 09:50
Thanks! It was more of doodling then a project. Just wondering, does my new answer solve the problem? – Spencer Wieczorek Jan 30 '14 at 19:41
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/46482/discussion-between-nishant-and-spencer-wieczorek) – Nishant Kumar Jan 31 '14 at 05:47

score 0 · Answer 2 · answered Jan 30 '14 at 09:12

0

Nishant this is helpful:

  function mailify(text)
    {
      var regEx = /www/g;
      return text.replace(regEx, "http://www");
    }

    console.log(mailify("www.google.com find me on this"));

answered Jan 30 '14 at 09:12

Poonam Gokani

375
1
4
13

score 0 · Answer 3 · edited May 23 '17 at 12:28

0

It's because your regular expression begins with a ^ which means your expression has to start with www. Try that:

/^.*www(?!http\:\/\/|https\:\/\/)./g;

Source : Regular Expressions- Match Anything.

edited May 23 '17 at 12:28

Community

1
1

answered Jan 30 '14 at 09:14

TSE

356
1
8

score 0 · Answer 4 · answered Jan 30 '14 at 09:15

0

Place the lookahead before the www:

var regEx = /^(?!https?:\/\/)www/;

answered Jan 30 '14 at 09:15

Toto

89,455
62
89
125

score 0 · Answer 5 · edited Jun 20 '20 at 09:12

0

You can use the below regex :

/([^/]|^)(www)/g

Code :

var reg=/([^/]|^)(www)/g
var line="something www.some.com , http://some1.com"
console.log(line.replace(reg,"$1http://$2"))

OUTPUT:

 "something http://www.some.com , http://some1.com"

Demo

Explanation :

enter image description here

edited Jun 20 '20 at 09:12

Community

1
1

answered Jan 30 '14 at 09:25

Sujith PS

4,776
3
34
61

your reg ex is failing for console.log(mailify("fine ksajd kajsl d http://www.ni@gmail.com")); Here output is comming: fine ksajd kajsl d http://http://www.ni@gmail.com – Nishant Kumar Jan 30 '14 at 09:43
Your code is failing : "niasodjhttp://www niosjado sdjfklsjdl f www.test.com www.machine,com" – Nishant Kumar Jan 30 '14 at 09:57

Andy · Answer 6 · 2014-01-30T10:13:21.997

0

You can try this:

    function mailify(text)
    {
      var regEx = /\b(https?:\/\/)?www\./g;
      return text.replace(regEx, 'http://www.');
    }

    console.log(mailify('www.yourlink.com notalinkwww.yourlink.com http://www.yourlink.comm'));

You also need to check there is a dot after 'www' to make sure that it marks the start of a link.

If you just want the links to be CLICKABLE, you have to do this:

function mailify(text)
{
  var regEx = /\b((https?:\/\/)?www\.\S*)/g;
  return text.replace(regEx, '<a href="$1">$1</a>');
}

edited Jan 30 '14 at 10:13

answered Jan 30 '14 at 09:43

Andy

3,631
2
23
32

Your reg ex is failing for : gmailify("fine ksajd kajsl d sadasdsadwww.googl.com ") – Nishant Kumar Jan 30 '14 at 09:49
Also for : "fine ksajd kajsl d sadasdsad www.googl.com dfgdfg" – Nishant Kumar Jan 30 '14 at 09:51
sadasdsadwww.googl.com is not a link, if you want this matched, remove the \b at the beginning. Also, try gmailify('YourString') not gmailify("YourString") – Andy Jan 30 '14 at 09:53

score 0 · Answer 7 · edited May 23 '17 at 12:28

Replace any text having http:// or https or ftpor file or only www or http://www or https://wwwand followed by any character digit and special character and even back spaces into click able link.

Reg Ex: /(\b((https?|ftp|file):\/\/|(www))[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]*)/ig

function UriphiMe(text) {
      var exp = /(\b((https?|ftp|file):\/\/|(www))[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|]*)/ig; 
      return text.replace(exp,"<a href='$1'>$1</a>");
}

I have tested by below string:

Find me on to www.google.com
www
Find me on to www.http://www.com
Follow me on : http://www.nishantwork.wordpress.com
http://www.nishantwork.wordpress.com
Follow me on : http://www.nishantwork.wordpress.com
https://stackoverflow.com/users/430803/nishant

Note: If you don't want to pass www as valid one just use below reg ex: /(\b((https?|ftp|file):\/\/|(www))[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig

Reference: How to replace plain URLs with links?

Please add as a comment if reg ex is failing and please let me know if I am wrong.

Convert text url link into clickable link

7 Answers7