node.js - 在 Jade 中创建内联元素的简洁方法是什么

Question

我喜欢将我所有的内联元素放在一行中。

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

想知道是否有比这更好的方法在 Jade 中创建内联元素：

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

这有点接近，但我不确定如何添加跨度和强标签而不破坏线条。

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

这显然不是一个超级大问题，但我不能将内联元素内联有点烦人。谢谢您的帮助

score 128 · Accepted Answer

从 1.0 版本开始，jade 支持内联标签：

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

在你的情况下，这将是：

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

score 30 · Accepted Answer

我自己今天遇到了这个。找到了一种使用管道在翡翠中执行此操作的方法。这是我在 ap 元素中包装一个强标签的示例。

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

score 17 · Accepted Answer

前段时间我也为此苦苦挣扎；我找到的唯一答案是只使用 HTML。

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

3 回答 3