nodejs,jade escape markup

Question

我有一个使用默认Jade视图引擎的Express应用程序.当我尝试在<pre>元素中按原样呈现HTML时,它将呈现为实际的DOM元素而不是文字字符.

h1 Code Sample
pre
  code
    <div>some text</div>

输出:

<h1>Code Sample</h1>
<pre>
  <code>
    <div>some text</div>
  </code>
</pre>

如何转义HTML以使其呈现如下？

<h1>Code Sample</h1>
<pre>
  <code>
    &lt;div&gt;some text&lt;/div&gt;
  </code>
</pre>

Answer 1

翡翠使用爆炸强迫未转换的输出.因此,使用以下构造将常规输出转换为非转义输出:!=
如果您的内容位于div标记内,则可以执行以下操作:

div!= content

Answer 2

另外,这是另一个需要考虑的用例:

如果您使用#{...}它来推断HTML内容,它仍然会给出错误的输出.对于该用例,您需要!{...}替代方案.

所以,

div= varname

变

div!= varname

和

div #{varname} is extrapolated badly

变

div !{varname} is extrapolated perfectly

Answer 3

实际上OP要求逃避,而不是unescaping.我今天遇到了什么.

假设您有内容varName变量<b>FooBar</b>.

然后此模板将使用转义值:

#foobar= varName

所以它变成:

<div id="foobar">&lt;b&gt;FooBar&lt;/b&gt;</div>

如果你使用爆炸操作员:

#foobar!= varName

玉不会逃脱它,所以它变成:

<div id="foobar"><b>FooBar</b></div>