I'm looking into John Resig's microtemplating framework and it is wonderful, small and fits my requirements. The only problem is that the syntax confuses the ASP.NET framework. This is due to the fact that anything put inside the

<%=id%>
<%=(i % 2 == 1 ? " even" : "")%>

expression syntax is evaluated using Server variables. Has anyone hacked/changed the code to work with ASP.NET?

I'm looking into John Resig's microtemplating framework and it is wonderful, small and fits my requirements. The only problem is that the syntax confuses the ASP.NET framework. This is due to the fact that anything put inside the

<%=id%>
<%=(i % 2 == 1 ? " even" : "")%>

expression syntax is evaluated using Server variables. Has anyone hacked/changed the code to work with ASP.NET?

• c#
• javascript
• asp
• templates
• iis

Share Improve this question Follow edited Jul 28, 2011 at 16:24 Justin Morgan 30.6k1313 gold badges8181 silver badges109109 bronze badges asked Jul 28, 2011 at 16:19 DeeptechtonsDeeptechtons 11.1k2727 gold badges105105 silver badges178178 bronze badges 8

• 1 What exactly is it that doesn't work? I don't see any obvious problem with that, and most server-side frameworks have similar mechanisms. – Pointy Commented Jul 28, 2011 at 16:22
• @Pointy have you ever used Asp expressions before. From your ment above it seems you haven't :( – Deeptechtons Commented Jul 28, 2011 at 16:25
• Also, that's an old old blog post, and the template framework is much more evolved than in that post (I think). You should check the github page for the project. – Pointy Commented Jul 28, 2011 at 16:25
• @Pointy the base template i referred to was Standalone wasn't it? – Deeptechtons Commented Jul 28, 2011 at 16:28
• 1 @Pointy jQuery template and john resigs micro templating system are two different (independant) things – Raynos Commented Jul 28, 2011 at 16:29

 |  Show 3 more ments

4 Answers 4

Sorted by: Reset to default 9

Just change <% and %> in the parsing function to <# and #>, respectively. I've seen it done, and it works great.

 // Convert the template into pure JavaScript
    str
      .replace(/[\r\t\n]/g, " ")
      .split("<#").join("\t")
      .replace(/((^|\#>)[^\t]*)'/g, "$1\r")   //note the extra \ here
      .replace(/\t=(.*?)\#>/g, "',$1,'")      //and here
      .split("\t").join("');")
      .split("#>").join("p.push('")
      .split("\r").join("\\'")

...etc.

If it's not working because of <% and %>, then you can easily change the source code.

    str
      .replace(/[\r\t\n]/g, " ")
      .split("<%").join("\t") // this % you could change to @ or whatever
      .replace(/((^|%>)[^\t]*)'/g, "$1\r") // same here
      .replace(/\t=(.*?)%>/g, "',$1,'") // same here
      .split("\t").join("');")
      .split("%>").join("p.push('") // same here
      .split("\r").join("\\'")

Rick Strahl had a good post a while back where he modified it to be ASP.NET friendly (the microtemplating is toward the end; scroll down): http://www.west-wind./weblog/posts/2008/Oct/13/Client-Templating-with-jQuery

You could also replace the % sign with the unicode representation of the percentage sign in JavaScript strings which is '\u0025'. So instead of the string "<%=id%>" you'd write "<\u0025=id\u0025>"