Javascript replace a string

Question

I want to change this

[s=http://stackoverflow.com/questions/ask?title=Javascript%20replace%20a%20string]Text[/s]

into this

 <a href="http://stackoverflow.com/questions/ask?title=Javascript%20replace%20a%20string">Text</a>

using javascript

I have try this one.

<script>
var str = "[s=/site_menu.xhtml?get-d=4%2027&get-id=315&get-title=DanMachi%20Season%202&get-main=DanMachi]DanMachi Season 2[/s]";
var res = str.replace("[s=", '&lt;a href="');
var ser = res.replace("[/s]", "&lt;/a&gt;");
var serr = ser.replace("]", ':admin-hash-amp:"&gt;');
document.write(serr);
</script>

Rion Williams · Accepted Answer · 2017-05-03 17:08:21Z

1

You may want to consider simply creating a function that would encapsulate all of this for you, especially if you plan on using in within multiple areas of your application:

function toHyperLink(input){
    return input.replace('[s=','<a href="')
                .replace(']','">')
                .replace('[/s]','</a>');
}

Example

var input = '[s=http://stackoverflow.com/questions/ask?title=Javascript%20replace%20a%20string]Text[/s]';
console.log(`Input: ${input}`);
console.log(`Output: ${convertToHyperlink(input)}`);

function convertToHyperlink(input) {
  return input.replace('[s=', '<a href="').replace(']', '">').replace('[/s]', '</a>');
}

answered May 3, 2017 at 17:08

Rion Williams

76.9k38 gold badges206 silver badges335 bronze badges

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

Comments

Hexiler · Accepted Answer · 2017-05-03 17:32:29Z

0

After you do your convert you should create an element instead of write that out.

var str = "[s=http://stackoverflow.com/questions/ask?title=Javascript%20replace%20a%20string]Text[/s]";
var res = str.replace("[s=", '&lt;a href="');
var ser = res.replace("[/s]", "&lt;/a&gt;");
var serr = ser.replace("]", '"&gt;');    

var text = serr.slice(serr.indexOf("&gt;") + 4, serr.indexOf("&lt;/a&gt"))
var href = serr.slice(serr.indexOf("href=\"") + 6, serr.indexOf("\"&gt"))

var link = document.createElement("a");
link.text = text;
link.href = href;

document.getElementById("myDIV").appendChild(link);

answered May 3, 2017 at 17:32

Hexiler

2032 silver badges12 bronze badges

Comments

Fajar F Ramdhan · Accepted Answer · 2017-05-03 17:37:08Z

0

Try this

var str = "[s=http://stackoverflow.com/questions/ask?title=Javascript%20replace%20a%20string]Text[/s]";
var r = str.replace(/\[s=(.*?)\](.*?)(\[\/s\])/gi,"<a href='$1'>$2</a>");
document.write(r);

answered May 3, 2017 at 17:37

Fajar F Ramdhan

11510 bronze badges

Comments

Redu · Accepted Answer · 2017-05-03 17:49:59Z

0

I guess you may also do like;

var str = "[s=http://stackoverflow.com/questions/ask?title=Javascript%20replace%20a%20string]Text[/s]",
    res = str.replace(/\[s(.+)\](.+)\[\/s\]/, "<a href$1>$2</a>");
console.log(res);

answered May 3, 2017 at 17:49

Redu

26.3k6 gold badges61 silver badges84 bronze badges

1 Comment

Ninja Anime Over a year ago

i want to <a href="stackoverflow.com">text</a> change this little bit <a href="stackoverflow.com(want to put some text here)">text</a> pls help

Collectives™ on Stack Overflow

Javascript replace a string

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related