ヒスイの縦棒は何ですか？

HTMLをヒスイに変換するには、この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

垂直バー（|）の目的は何ですか？

出典

2016-03-14 Stefan

これは、ヒスイのテンプレートでプレーンテキストを視覚化したものです。 https://pugjs.org/language/plain-text.html

出典

2016-03-14 17:58:08 burnedikt

@ burnediktの回答へのクイックアップデート。翡翠は "翡翠"という言葉の著作権問題のために今やパグなので、ウェブサイトも変更されています。現在のリンクはhttps://pugjs.org/language/plain-text.html#piped-textです。

FYIそれは単純です言う：

テンプレートにプレーンテキストを追加する最も簡単な方法は、行を前に付けることです|文字（「パイプ」と発音）。

あなたは、垂直スラッシュたびに（「パイプ」文字のために別の名前を）持っているこの答えをチェックアウトすることなく、複数行のテキストをすることに興味がある場合：jade template engine (under node.js): multi-line block without pipe symbolを。

出典

2016-11-06 01:49:04 Danora

ヒスイの縦棒は何ですか？

答えて

関連する問題