Question

要将HTML转换为jade，请使用此jade converter。

当我输入以下HTML时，

<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div class="container">
      <div class="header">
        <ul class="nav nav-pills pull-right">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </div>
</body>
</html>

输出如下：

doctype html.no-js
head
    meta(charset='utf-8')
  |   
  body
    .container
      .header
        ul.nav.nav-pills.pull-right
          li.active
            a(href='#') Home
          |           
          li
            a(href='#') About
          |           
          li
            a(href='#') Contact

竖条（|）的目的是什么？

Answer 1

这只是jade模板中纯文本的更好可视化。见https://pugjs.org/language/plain-text.html

Answer 2

快速更新@ burnedikt的回答。由于Jade现在是Pug，因为版权问题是＆＃34; Jade＆＃34;，该网站也发生了变化。当前链接为https://pugjs.org/language/plain-text.html#piped-text。

仅供参考，简单说：

向模板添加纯文本的最简单方法是在行前面加上|字符（发音为“pipe”）。

如果您对多行文字感兴趣而不必每次都有一个垂直斜杠（＆＃39;管道＆＃39;字符的另一个名称），请查看以下答案：jade template engine (under node.js): multi-line block without pipe symbol。

什么是玉的竖条？

2 个答案: