Replacing custom variables using jQuery and regex

Question

I am attempting to replace some custom variable tags in a content block with values from an array. I currently have some working code that is successfully replacing variables that look like %([variable_name])% however, I need it to replace variables that look like <%[variable_name]%>. I have been messing around with the following code for a few hours, and I'm having trouble wrapping my head around the regex portions, and getting it to work correctly with my new variable format.

Here is the code that currently works for %([variable_name])%, how can I get it to work for <%[variable_name]%>?

$.each(data, function(key, value){
    var our_key = "%(["+key+"])%";
    our_key = our_key.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
    var regex = new RegExp(our_key, 'g');
    new_contents = new_contents.replace(regex,value);
});

Edit: The real problem was that I was grabbing my "new_contents" using the jquery '.html()' attribute, which was replacing my '<' and '>' with '& lt;' and '& gt;'

Andreas · Accepted Answer · 2014-04-09 15:19:57Z

1

Why not the other way round?

var replacementMap = {
        "name": "John Doe"
    },
    text = "Hello <%[name]%>!";

text = text.replace(/<%\[([^\]]+)\]%>/g, function(match, key) {
    return replacementMap[key] || match;
});

console.log(text);    // "Hello John Doe!"

fiddle

answered Apr 9, 2014 at 15:19

Andreas

21.9k7 gold badges52 silver badges58 bronze badges

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

1 Comment

Ian M. Over a year ago

Thank you! The problem turned out to be a number of things, but this was a much better solution.

Oriol · Accepted Answer · 2014-04-09 15:11:46Z

1

Try replacing "%(["+key+"])%" with "<%["+key+"]%>":

$.each(data, function(key, value){
    var our_key = "<%["+key+"]%>";
    our_key = our_key.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
    var regex = new RegExp(our_key, 'g');
    new_contents = new_contents.replace(regex,value);
});

answered Apr 9, 2014 at 15:11

Oriol

291k71 gold badges459 silver badges535 bronze badges

Collectives™ on Stack Overflow

Replacing custom variables using jQuery and regex

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related