program story

Jade에서 인라인 요소를 만드는 간결한 방법은 무엇입니까?

inputbox 2020. 11. 26. 08:14
반응형

Jade에서 인라인 요소를 만드는 간결한 방법은 무엇입니까?


모든 인라인 요소를 한 줄에 넣는 것을 좋아합니다.

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

이것은 분명히 큰 문제는 아니지만 인라인 요소를 인라인으로 넣을 수 없다는 것이 약간 짜증납니다. 도와 주셔서 감사합니다


버전 1.0 부터 jade는 인라인 태그를 지원합니다.

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

귀하의 경우에는 다음과 같습니다.

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

오늘 직접이 문제를 해결했습니다. 파이프를 사용하여 옥에서 이것을하는 방법을 찾았습니다. 다음은 ap 요소 안에 강력한 태그를 래핑하는 예제입니다.

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

나는 또한 이것으로 얼마 동안 어려움을 겪었습니다. 내가 찾은 유일한 대답은 HTML을 사용하는 것입니다.

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

참고 URL : https://stackoverflow.com/questions/10953326/what-is-a-concise-way-to-create-inline-elements-in-jade

반응형