1. ホーム
  2. node.js

[解決済み] Jade: 段落内のリンク

2022-08-19 09:05:41

質問

Jadeでいくつかの段落をオーサリングしようとしていますが、段落内にリンクがある場合は難しいと感じています。

私が思いつく最高のものは、より少ないマークアップでそれを行う方法があるかどうか疑問に思っています。

p
  span.
   this is the start
   of the para.
  a(href="http://example.com") a link
  span.
    and this is the rest of
    the paragraph.

どのように解決するのですか?

jade 1.0では、この問題に対処する簡単な方法があります。残念ながら、公式ドキュメントのどこにも見つけることができません。

以下の構文でインライン要素を追加することができます。

#[a.someClass A Link!]

で、pで複数行にならない例としては、以下のような感じでしょうか。

p: #[span this is the start of the para] #[a(href="http://example.com") a link] #[span and this is the rest of the paragraph]

インライン要素のネストも可能です。

p: This is a #[a(href="#") link with a nested #[span element]]