Javascript convert [url=] to html link

Question

I'm currently trying to convert this:

[url=http://example.com] this is a link [/url]

to a standard html link:

<a href=http://example.com>this is a link</a>

So far, I can convert the url string to a link, however the [url=] [/url] still remains and I'm not sure how to filter it out.

message.replace(/(\b(https?):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig, "<a href='$1'>$1</a>")

How can I filter out the [url=] [/url] in the regex and also ensure this is a link (text defined by the user) also remains?

Jerry · Accepted Answer · 2013-09-23 05:39:36Z

5

You just need to add it to your replace regex:

message.replace(/\[url=(\b(https?):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])\]/ig, "<a href='$1'>$1</a>")
                 ^^^^^^

Though you still have the last url tag and you can make things easier with negated classes:

message.replace(/\[url=([^\]]+)\]\s*(.*?)\s*\[\/url\]/ig, "<a href='$1'>$2</a>")

EDIT: Made the closing tag a literal because of potential other tags

answered Sep 23, 2013 at 5:30

Jerry

71.8k14 gold badges106 silver badges148 bronze badges

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

Comments

mavrosxristoforos · Accepted Answer · 2013-09-23 05:29:38Z

0

I would do that in 3 steps:

But that's just an opinion. I usually like to keep it simple, and move on to the next problem.

answered Sep 23, 2013 at 5:29

mavrosxristoforos

3,6833 gold badges27 silver badges44 bronze badges