所以我的目标是使用John Resig's templating engine。
我需要传递一个包含"模板"的变量。但问题是我需要传递类似的东西:
<script>
console.log("Double quotes");
</script>
<script>
console.log('single');
</script>
<iframe src="http://example.com/?<%=SOME_VARIABLE%>" frameborder="0"></iframe>
<div>I think I'm going to break</div>
<% for ( var i = 0; i < users.length; i++ ) { %>
<li><a href="<%=users[i]%>"><%=users[i]%></a></li>
<% } %>
<iframe src='http://example.com/?<%=SOME_VARIABLE%>' frameborder="0"></iframe>
<div>I think I"m going to break</div>
<% for ( var i = 0; i < users.length; i++ ) { %>
<li><a href='<%=users[i]%>'><%=users[i]%></a></li>
<% } %>
似乎打破的是:
<script>
console.log('single');
</script>
这段代码通过正则表达式传递失败。重要的是,我能够传递上述任何代码,并且不会破坏它。有什么想法吗?
答案 0 :(得分:1)
所以我遇到了这篇文章,它修复了这个问题(也将&lt; %%&gt;更改为&lt; ##&gt; FYI
str.replace(/[\r\t\n]/g, " ")
.replace(/'(?=[^#]*#>)/g, "\t")
.split("'").join("\\'")
.split("\t").join("'")
.replace(/<#=(.+?)#>/g, "',$1,'")
.split("<#").join("');")
.split("#>").join("p.push('")
+ "');}return p.join('');";
http://weblog.west-wind.com/posts/2008/Oct/13/Client-Templating-with-jQuery