2016-03-14 28 views
7

Aby przekonwertować kod HTML na jade, użyj tego jade converter.Co to jest pionowy pasek w jade?

Kiedy wprowadź następujący kod 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> 

wyjście jest w następujący sposób:

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 

Jaki jest cel pionowych prętów (|)?

Odpowiedz

1

Szybka aktualizacja odpowiedzi @ burnedikt. Ponieważ Jade jest teraz Pug z powodu problemu praw autorskich z napisem "Jade", strona również się zmieniła. Obecny link to https://pugjs.org/language/plain-text.html#piped-text.

FYI to co mówi jest po prostu:

Najprostszym sposobem na dodanie zwykłego tekstu do szablonów jest prefiks linii z | character (wymawiane "pipe").

Jeśli jesteś zainteresowany w tym tekstu wielowierszowego bez konieczności posiadania pionową ukośnik (inną nazwę dla znaku „rury”) za każdym razem, sprawdź tę odpowiedź: jade template engine (under node.js): multi-line block without pipe symbol.