Pug에서 HTML 태그를 포함하는 문자열을 변수 확장하고 싶습니다.

2189 단어 pugHTML5

#{} 대신 !{} 사용



실패 예


#{} 를 사용하면 잘 안된다.

sample.pug
-
  const text = `これは<span class="red">サンプルテキスト</span>です。`

p #{text}

컴파일 해 보면,,,

sample.html
<p>これは&lt;span class=&quot;red&quot;&gt;サンプルテキスト&lt;/span&gt;です。</p>


#{} 기법은 특수 문자를 이스케이프 처리하고 나서 출력하기 (위해)때문에, 이러한 결과가 됩니다.

성공 예



여기서는 이스케이프하지 않고 HTML 태그로 출력하고 싶으므로 !{} 를 사용하여 이스케이프하지 않고 출력시킵니다.

sample.pug
-
  const text = `これは<span class="red">サンプルテキスト</span>です。`

p !{text}

sample.html
<p>これは<span class="red">サンプルテキスト</span>です。</p>



잘 갔다

참고

좋은 웹페이지 즐겨찾기