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

Question

我将 Jade 与 Node js 结合使用，并希望在 Bootstrap 网页中显示 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