2016-03-14 10 views
7

Um HTML in Jade zu konvertieren, verwenden Sie diese jade converter.Was ist ein vertikaler Balken in Jade?

Wenn ich den folgenden HTML eingeben,

<!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> 

der Ausgang ist wie folgt:

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 

Was ist der Zweck der vertikalen Balken (|)?

Antwort

1

Schnelle Aktualisierung der @ breedikt-Antwort. Da Jade jetzt wegen eines Urheberrechtsproblems mit dem Wort "Jade" Pug ist, hat sich auch die Webseite geändert. Der aktuelle Link lautet https://pugjs.org/language/plain-text.html#piped-text.

FYI, was es sagt, ist einfach:

Der einfachste Weg, Klartext-Vorlagen hinzuzufügen, ist die Zeile mit einem Präfix | Charakter (ausgesprochen "Rohr").

Wenn Sie daran interessiert sind, ohne mehrzeiligen Text macht einen vertikalen Strich (einen anderen Namen für die ‚Pipe‘ Zeichen) jedes Mal müssen, lesen Sie in diese Antwort: jade template engine (under node.js): multi-line block without pipe symbol.

Verwandte Themen