web-dev-qa-db-ja.com

Jadeでインライン要素を作成する簡潔な方法は何ですか

すべてのインライン要素を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 ...

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

node.jspug
62
jwerre

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

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

あなたの場合には：

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

今日自分でこれに走りました。パイプを使用してヒスイでこれを行う方法を見つけました。これは、p要素内に強力なタグをラップする私の例です。

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

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

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