62

すべてのインライン要素を1行にまとめるのが好きです。

<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 ...

これは明らかに大きな問題ではありませんが、インライン要素をインラインにできないのは少し面倒です。助けてくれてありがとう

4

3 に答える 3

128

バージョン1.0以降、jadeはインラインタグをサポートしています。

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

あなたの場合、それは次のようになります。

ul
  li #[a(href="#") click  #[span here #[strong !]]]
于 2014-04-15T11:48:54.280 に答える
30

今日私自身これに出くわした。パイプを使用して翡翠でこれを行う方法を見つけました。これは、ap要素内に強力なタグをラップする私の例です。

p.some-class
    strong This Renders Strong                          
    |This renders normal
于 2013-08-14T02:16:05.980 に答える
17

私もしばらく前にこれに苦労しました。私が見つけた唯一の答えは、HTMLを使用することです。

ul
  li: a(href='#') click<span>here</span><strong>!</strong>
于 2012-06-08T18:36:16.103 に答える