web-dev-qa-db-fra.com

Qu'est-ce qu'un moyen concis pour créer des éléments en ligne dans Jade

J'aime mettre tous mes éléments en ligne sur une seule ligne.

<ul>
  <li><a>click<span>here</span><strong>!</strong></a></li>

Vous vous demandez s'il existe un meilleur moyen de créer des éléments en ligne dans Jade que celui-ci:

ul
  li 
    a(href="#") click 
      span here
      strong !

Cela se rapproche un peu, mais je ne sais pas comment ajouter la balise et les balises fortes sans casser les lignes.

ul
  li: a(href='#') click
    span ...

Ce n'est évidemment pas un gros problème, mais c'est un peu ennuyeux de ne pas pouvoir mettre des éléments en ligne en ligne. Merci pour l'aide

node.jspug
62
jwerre

Depuis la version 1. , jade prend en charge les balises en ligne:

#[tag(attribute='value') inner stuff]

Dans votre cas, ce serait:

ul
  li #[a(href="#") click  #[span here #[strong !]]]
128
pfirpfel

J'ai pris part à cela aujourd'hui moi-même. Trouvé un moyen de le faire en jade en utilisant le tuyau. Voici mon exemple enveloppant une balise forte à l'intérieur d'un élément p.

p.some-class
    strong This Renders Strong                          
    |This renders normal
30
marcus hall

J'ai également eu du mal avec cela il y a quelque temps; la seule réponse que j'ai trouvée est d'utiliser simplement HTML.

ul
  li: a(href='#') click<span>here</span><strong>!</strong>
17
Michelle Tilley