0

我正在尝试将需要包含新行/刹车线的值传递到 pug 文件中。

到目前为止我已经尝试过

var value1 = "value 1";
var value2 = "value 2";
var infromation = "\n" + value1 + "\n" + value2;
res.render('pugfile', { information: information });

但是当这在 pug through 中呈现时

p Your messages are: #{information}

html呈现为

<p> 
value 1
value 2
</p>

但是显示的网页上没有显示新行,这是问题所在。请帮忙?

4

2 回答 2

0

而不是\n换行,而是使用换行符<br>。而且您还需要转义字符串。供参考检查

试试这个。

  let value1 = "value 1";
  let value2 = "value 2";
  // let information = "\n" + value1 + "\n" + value2;
  let information = "<br>" + value1 + "<br>" + value2;
  res.render("index", { information: information });

在哈巴狗模板中

p Your messages are: !{information}

请在此处查看工作代码

于 2019-04-27T05:08:16.363 回答
0

这是一个旧线程,但如果您使用来自用户的数据,那么使用未转义的值是非常危险的,用!{information}换行符分割字符串并使用标准的转义字符串会更安全:

p Your messages are:
  each str, indx in String(information).split('\n')
    if indx > 0
      br
    | #{str} 
于 2021-10-20T10:14:45.377 回答