Pug에서 HTML 태그를 포함하는 문자열을 변수 확장하고 싶습니다.
#{} 대신 !{} 사용
실패 예
#{}
를 사용하면 잘 안된다.
sample.pug-
const text = `これは<span class="red">サンプルテキスト</span>です。`
p #{text}
컴파일 해 보면,,,
sample.html<p>これは<span class="red">サンプルテキスト</span>です。</p>
#{}
기법은 특수 문자를 이스케이프 처리하고 나서 출력하기 (위해)때문에, 이러한 결과가 됩니다.
성공 예
여기서는 이스케이프하지 않고 HTML 태그로 출력하고 싶으므로 !{}
를 사용하여 이스케이프하지 않고 출력시킵니다.
sample.pug-
const text = `これは<span class="red">サンプルテキスト</span>です。`
p !{text}
sample.html<p>これは<span class="red">サンプルテキスト</span>です。</p>
잘 갔다
참고
Reference
이 문제에 관하여(Pug에서 HTML 태그를 포함하는 문자열을 변수 확장하고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tokimeki40/items/8fd4144e4c8dbb5f05de
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
-
const text = `これは<span class="red">サンプルテキスト</span>です。`
p #{text}
<p>これは<span class="red">サンプルテキスト</span>です。</p>
-
const text = `これは<span class="red">サンプルテキスト</span>です。`
p !{text}
<p>これは<span class="red">サンプルテキスト</span>です。</p>
Reference
이 문제에 관하여(Pug에서 HTML 태그를 포함하는 문자열을 변수 확장하고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tokimeki40/items/8fd4144e4c8dbb5f05de텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)