RegEx Replace with Javascript

Question

I'm struggling with an issue of Javascript RegEx replacement. What I need to do is run a replacement over a paragraph of text looking for "[card]lorem ipsum[/card]"

I found jQuery plugins which allow for regex matching on selectors, such as ids or paragraphs containing text but I didn't find one which would get down to the actual regex text.

So then I went back to the original javascript level of RegEx and kept running into walls.

So can anyone help me?

I need to turn

[card]lorem ipsum[/card]

into

<a href="http://example.com/lorem+ipsum" class="card">lorem ipsum</a>

Thanks!

is [card] a token name that should be added as link class so it can essentially be anything? — Robert Koritnik
– Robert Koritnik, Commented Mar 18, 2011 at 21:05

Mike Samuel · Accepted Answer · 2011-03-18 20:54:35Z

3

myString.replace(
    /\[card\]([\s\S]*?)\[\/card\]/g,
    function (_, cardContent) {
      return '<a href=\"http://example.com/' + encodeURIComponent(cardContent)
          + '" class="card">' + cardContent + '<\/a>';
    });

should do what you want.

edited Mar 18, 2011 at 20:54

answered Mar 18, 2011 at 20:48

Mike Samuel

121k30 gold badges230 silver badges255 bronze badges

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

Comments

Robert Koritnik · Accepted Answer · 2011-03-18 20:55:37Z

1

var rx = /\[card](.+?)\[\/card]/gi;
yourTextVariable.replace(rx, "<a href='http://example.com/$1'>$1</a>");

everything in between will be captured for you.

If card is a variable that should be inserted as class:

var rx = /\[(.+?)](.+?)\[\/.+?]/gi;
yourTextVariable.replace(rx, "<a href='http://example.com/$2' clas='$1'>$2</a>");

edited Mar 18, 2011 at 20:55

answered Mar 18, 2011 at 20:45

Robert Koritnik

105k57 gold badges286 silver badges415 bronze badges

3 Comments

Mike Samuel Over a year ago

This will only replace the first instance and will not properly encode the URL. If the card content contains double quotes, it will break

Robert Koritnik Over a year ago

@Mike Samuel: I've changed the globalization of the replacement and encoding has of course been done by U. No need for me to change my answer because it will be identical to yours. But mine will also use token name to append to link class which yours doesn't. ;)

Mike Samuel Over a year ago

Good catch. I forgot that requirement.

amit_g · Accepted Answer · 2011-03-18 21:13:04Z

0

var s = "[card]lorem ipsum[/card]";
var r = '<a href="http://example.com/$2" class="$1">$2</a>';

var re = /\[(\w+)\](.+?)\[\/\w+\]/ig;

var n = s.replace(re, r); // Would have the result

edited Mar 18, 2011 at 21:13

answered Mar 18, 2011 at 20:49

amit_g

31.3k8 gold badges67 silver badges124 bronze badges

2 Comments

Mike Samuel Over a year ago

This will only replace the first instance and will not properly encode the URL. If the card content contains double quotes, it will break.

Mike Samuel Over a year ago

This will also treat foo[/card][card]bar as the card content of [card]foo[/card][card]bar[/card].

Collectives™ on Stack Overflow

RegEx Replace with Javascript

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related