Что представляет собой сжатый способ создания встроенных элементов в Jade

Мне нравится вставлять все мои встроенные элементы в одну строку.

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

Интересно, есть ли лучший способ создать встроенные элементы в Jade, чем это:

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

Это немного поближе, но я не уверен, как добавить span и сильные теги, не нарушая строк.

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

Это, очевидно, не большая проблема, но это немного раздражает, что я не могу встроить встроенные элементы. Спасибо за помощь

Ответы

Ответ 1

Начиная с версии 1.0, jade поддерживает встроенные теги:

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

В вашем случае это будет:

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

Ответ 2

Иди в себя сегодня. Найден способ сделать это в нефрит, используя трубу. Вот мой пример, завершающий сильный тег внутри элемента p.

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

Ответ 3

Я тоже некоторое время боролся с этим; единственный ответ, который я нашел, - это просто использовать HTML.

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