Replace with html tag in javascript

Question

I want to replace any text like this in input: [www.Link-to-be-shortened.com]following link(cut)

I want to replace it with <a href="cuer.esy.es/?f=www.Link-to-be-shortened.com">following link</a>by javascript

I have tried this code :

var UserString = " Hi <br>This article is good , Please visit the following link [www.Link-to-be-shortened.com]following link(cut)";
var SystemString = UserString.replace("[", "");
SystemString = SystemString.replace("]following link(cut)", "");
var a = document.createElement('a');
var linkText = document.createTextNode("following link");
a.appendChild(linkText);
a.title = "following link";
a.href = "http://cuer.esy.es/?f="+SystemString;
document.body.appendChild(a);

But this code does not work well

Why dos not work well? any jsfiddle to see it?

pmiranda
– pmiranda

2017-02-03 21:22:52 +00:00
Commented Feb 3, 2017 at 21:22 — pmiranda
– pmiranda, Commented Feb 3, 2017 at 21:22

Schlaus · Accepted Answer · 2017-02-04 08:19:12Z

1

Here's a simple example of how to do this with a regular expression:

var UserString = "[www.Link-to-be-shortened.com]Click here(cut)";

var link = UserString.replace(/\[([^\[]+)\]([^(]+)\(cut\)/g, '<a href="cuer.esy.es/?f=$1">$2</a>');

console.log(link);

HOWEVER, this will not work in all possible cases. You could use this if only trusted people are submitting links.

edited Feb 4, 2017 at 8:19

answered Feb 3, 2017 at 21:25

Schlaus

19.4k11 gold badges40 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

Replace with html tag in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related