Ruby 如何用slim语言编写嵌套标记

我想用slim语言写下面的内容

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

及

我可以通过内联HTML嵌入它，所以很有趣

HTML：

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

对于此HTML代码：

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

供参考：

• HTML2SLIM：
• SLIM2HTML：

---

非常感谢您，我很惊讶您能预测我的另一行！然而，这是不正确的

|Link

将不会在“Link”和下面的span之间留下空格，并且

span.sr-only（current）

将创建一个属性“current”而不是text（current）”（由于括号的缘故），生成与OP中完全不同的HTML。

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

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

<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