如何转义 Node.js 中的 EJS 模板代码以在客户端进行评估？

Question

我在服务器端使用node.js/ejs，在客户端使用backbone.js。 服务器端和客户端都使用相同的模板样式。 所以问题是，如果我将用于客户端的模板代码放入模板中，它仍然会在服务器端进行解析。

如果发现这样的东西有效：

<%- "<%= done ? 'done' : '' %\>" %>

但是，恕我直言，这会以某种方式丑化代码，从而使使用模板的全部意义变得毫无用处。

你会如何处理这个问题？

有没有一种方法可以在 EJS 模板中定义代码块，而这些代码块不会像其他模板语言中使用的 {literal} 标签那样被解析？

更新：现在我使用backbone的_.templateSettings在客户端使用不同的分隔符。

更新：这是 JSP 上下文中的类似解决方案：Underscore.js 模板在 JSP 中

Answer 1

我处理这个问题的方法是覆盖节点上的开始和结束标签，以便 ejs 的 2 个实例查找不同的标签。

在节点上，您可以传入选项

{open:'<%',close:'%>'}

在我的例子中，我使用 <% 和 <@ 作为我的两个版本。然后在节点 ejs 模板中我有类似的东西（其中名称来自主干，而 everyauth 显然来自节点）：

<% if(everyauth.loggedIn) %><h1><@= name @></h1><% } %>

Answer 2

我认为这个问题可以解读如下，因为谷歌在第一个链接中为我提供了这个线程：

“How I can escape EJS template code delimiter tag only for limited items?”

tl;dr ：

使用<%# %>来破坏原来的解析代码（例如<<%# %>%= did ? 'done' : '' %<%# %>> 将完成以下未解析的代码 <%= did 'done' : '' %>)

详细解释

想象一下我决定使用 { delimiter: '?' 将 % 更改为 ? 的情况} 选项（这里可能就是这种情况，因为我们不想使用相同的 Backbone.js）。

太好了，解决了你的问题。现在想象一下，由于某种原因，您使用模板系统生成 XML。此 XML 将以 开头。

您将再次面临同样的问题。做什么？您将再次更改分隔符吗？而在那之后，你又会改变吗？不，为了准时转义，我们应该能够说“不将文档的这一部分解析为 EJS”。

因此，一个技巧是避免 EJS 理解它是一个 EJS 分隔符解析器。因此，请避免（在我们当前的情况下）解析 （或在原始情况下使用 <%）。

因此，只需添加 来中断解析，您将不会添加任何内容（# 项用于 EJS 注释），并且您将避免解析器理解<?xml version="1.0"encoding="UTF-8"?>。输出将为

结论

在准时需要避免 EJS 解析时，您可以通过使用 <%# %> 作为分隔符标记破坏器来欺骗解析器生成您需要的输出。

当然，在您的情况下，您可以只使用标记的答案，因为在很多情况下您将使用 EJS 标签。

Answer 3

好吧，我目前解决这个问题的方法是将 require.js 与文本插件一起使用；这使我能够在开发期间使用 AJAX 包含模板，并在部署期间将它们全部编译成优化/缩小的单个文件包。

当然，如果你不使用 require.js 来管理其余 JS 代码的依赖关系，那么这几乎不起作用，但我不能再忍受在没有 require.js 的情况下进行 javascript 开发了，因为我'反正我已经习惯了。

或者，您可能可以使用其他类似的技术来解决相同的问题。

Answer 4

我在客户端和服务器端都使用backbone.layout.manager，因为我希望我的模板完全相同。

我解决模板分隔符问题的方法是在服务器端渲染页面，然后注入原始主干模板。

Answer 5

使用新的 ejs，您可以在客户端添加自定义分隔符：

https://github.com/mde /ejs#custom-delimiters

例如：

自定义分隔符可以基于每个模板应用，也可以全局应用：

var ejs = require('ejs'),
    users = ['geddy', 'neil', 'alex'];

// Just one template
ejs.render('<?= users.join(" | "); ?>', {users: users}, {delimiter: '?'});
// => 'geddy | neil | alex'

// Or globally
ejs.delimiter = '
;
ejs.render('<$= users.join(" | "); 
gt;', {users: users});
// => 'geddy | neil | alex'