如何使用Jade显示多行HTML代码块

Question

我将Jade与Node js结合使用，并希望在引导网页中显示HTML代码块。

我尝试了这个

  p
    | Copy and paste the following HTML code in a web page.

  code
    | <div class="container">
    |    <iframe src="http://ea-studio.forexsb.com"
    |         style="width: 100%; min-height: 1500px" >
    |    </iframe>
    | </div>

但是它没有显示代码，而是执行了它。 结果真的很有趣。 我的应用程序本身集成了:)，但这不是我的意图。

Jade显示多行源代码的方式是什么？

编辑：

转义HTML会显示代码，但要一行显示：

  code
    | <div class="container">
    |    <iframe src="http://ea-studio.forexsb.com"
    |         style="width: 100%; min-height: 1500px" >
    |    </iframe>
    | </div>

生产：

<div class="container"> <iframe src="http://ea-studio.forexsb.com" style="width: 100%; min-height: 1500px" > </iframe> </div>

Answer 1

这为我工作：

p.
  Copy and paste the following HTML code in a web page.

pre
  code
    | <div class="container">
    |    <iframe src="http://ea-studio.forexsb.com"
    |         style="width: 100%; min-height: 1500px">
    |    </iframe>
    | </div>

http://codepen.io/antibland/pen/wGOeeo?editors=1000