How to change the entered text as hyperlink in the textbox?

Question

How to display the text as hyperlink if the user entered in the text box...

For example if the user entered the text as

"my website name is google.com"...and submit it,

i have to show that text as "my website name is google.com"

Is there any plugin available for this or any simple script is enough?

The contents of an input (its value) won't be rendered as HTML within it. — emerson.marini, Oct 28 '13 at 11:35
@Bernhard this may work, but it wouldn't work very well for poorly formed URLs as in the OPs example. If you start each URL with `http:` `ftp:` or `https:` then you could regex it easily. — Rory McCrossan, Oct 28 '13 at 11:35
@Rory McCrossan Thats true or a lot of stuff to match any url but it's possible — Bernhard, Oct 28 '13 at 11:37
possible duplicate of [How to replace plain URLs with links?](http://stackoverflow.com/questions/37684/how-to-replace-plain-urls-with-links) — IluTov, Oct 28 '13 at 11:37

score 2 · Answer 1 · edited May 23 '17 at 10:25

2

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

Thanks to: How to replace plain URLs with links?

edited May 23 '17 at 10:25

Community

1
1

answered Oct 28 '13 at 11:36

subZero

5,056
6
31
51

score 1 · Answer 2 · answered Oct 28 '13 at 11:38

1

This is usually called "linkify" which I guess is a bit difficult to Google for if you don't know that.

Here is a jQuery plugin that will do this for you.

answered Oct 28 '13 at 11:38

Rupert Madden-Abbott

12,899
14
59
74

How to change the entered text as hyperlink in the textbox?

2 Answers2