[javascript] 이스케이프없이 핸들 바 템플릿에 HTML 삽입

Program / 글쓴이

출력 문자열에서 태그를 이스케이프 처리하지 않고 html 태그가있는 문자열을 핸들 바 템플리트에 삽입하는 방법이 있습니까?

template.js : 

<p>{{content}}</p>

템플릿을 사용하십시오

HBS.template({content: "<i>test</i> 123"})

실제 결과 : 

<p>&lt;i&gt;test&lt;/i&gt; 123</p>

예상 결과:

<p><i>test</i> 123</p>

답변

같은 시도

<p>{{{content}}}</p>

내 답변을 뒷받침 하는 공식 참조 가 있습니다.

핸들 바 HTML 이스케이프 값으로 반환됩니다 {{expression}}. 핸들 바가 값을 이스케이프하지 않게 하려면 “triple-stash”를 사용하십시오 {{{.

답변

템플릿에서 이와 같은 트리플 수염을 추가해야합니다. <p>{{{content}}}</p>

답변

Handlebars 설명서에 따르면 http://handlebarsjs.com/expressions.html

문서 에서 인용 ,

핸들 바가 값을 이스케이프하지 않게하려면 “triple-stash”를 사용하십시오. {{{

원시 HTML을 핸들 바 템플리트에 전달하고 삼중 괄호를 사용하여 원시 HTML 출력을 가져 오십시오. 

{{{foo}}}

답변