2016-03-14 14 views
7

Per convertire HTML in jade, utilizzare questo jade converter.Che cos'è una barra verticale in giada?

Quando entro il seguente codice 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> 

l'uscita è il seguente:

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 

Qual è lo scopo delle barre verticali (|)?

risposta

1

Aggiornamento rapido alla risposta di @ burnedikt. Dal momento che Jade è ora Pug a causa di un problema di copyright con la parola "Jade", anche il sito web è cambiato. Il link corrente è https://pugjs.org/language/plain-text.html#piped-text.

FYI quello che dice è semplicemente:

Il modo più semplice per aggiungere testo normale per i modelli è quello di anteporre la linea con un | personaggio (pronunciato "pipe").

Se siete interessati a fare testo multilinea senza dover avere una barra verticale (un altro nome per il carattere 'pipe') ogni volta, controlla questa risposta: jade template engine (under node.js): multi-line block without pipe symbol.

Problemi correlati