在 Jade 模板中使用 <code> 或 <pre> 标签答案

【问题标题】：Using the <code> or <pre> tags in Jade templates在 Jade 模板中使用 <code> 或 <pre> 标签
【发布时间】：2013-12-29 08:14:57
【问题描述】：

有没有办法在你想在翡翠模板中显示的代码文本中包含换行符。

说你正在做这样的事情。

html
   head
   body
      pre var config = {"theme":"dark",api-key:"fjhb3u2h4busifhu13u232iuiwrew"} \n
          var service = LameService.init(config)

我不知道如何让服务初始化行进入第二行。它像这样在一行中显示所有内容

var config = {"theme":"dark",api-key:"fjhb3u2h4busifhu13u232iuiwrew"} \n var service = LameService.init(config)

【问题讨论】：

解决了！我必须使用样式“white-space:pre”来实现这一点......只为任何想知道的人：）

标签： javascript node.js express haml pug

【解决方案1】：

我知道你找到了答案，但你也可以使用 | 来换行

html
   head
   body
      pre var config = {"theme":"dark",api-key:"fjhb3u2h4busifhu13u232iuiwrew"}
        | var service = LameService.init(config)

【讨论】：