如何用 slim 语言编写 nest 标签

Question

我想用苗条的语言写在下面。

<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>

和

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>

我可以通过内联方式嵌入它 HTML，非常有趣。

Answer 1

li.active
  a href="#"
    ' Link
    span.sr-only
      | (current)

a.dropdown-toggle href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
  ' Dropdown
  span.caret

Answer 2

HTML:

<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>

苗条：

li.active
  a href="#" 
    | Link
    span.sr-only (current)

对于此 HTML 代码：

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>

你可以写苗条：

a.dropdown-toggle aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" href="#" role="button" 
  | Dropdown
  span.caret

供您参考：

HTML2SLIM : https://html2slim.herokuapp.com/
SLIM2HTML : http://slim2html.raving.systems/

如何用 slim 语言编写 nest 标签

how to coding nest tags in language slim

ruby

slim-lang