HTML로 렌더링 내부의 콧수염 템플릿 문자열

HTML로 렌더링 내부의 콧수염 템플릿 문자열

---

템플릿을 렌더링하기 위해 Mustache를 사용하고 있습니다.

이 json 객체가 있습니다.

  {
    title: "Foo bar", 
    content: "<p> Html here </p>", 
    footer: "footer content here"
  }

다음과 같은 Mustache 템플릿이 있습니다.

  <div id="box">
    <div id="title"> {{title}} </div> 
    <div id="content"> {{content}} </div> 
    <div id="footer"> {{footer}} </div> 
  </div>

내 문제는 변수 내용 내의 html이 렌더링되지 않고 대신 화면에 인쇄된다는 것입니다.

(비보기 소스 창에서) : <p> Html here </p>, 페이지 소스를 볼 때만보고 싶을 것입니다.

콧수염 템플릿에 문자열을 전달할 때 내부의 HTML이 렌더링되도록 어떻게 수정할 수 있습니까? 나는 mustache.render (templates.all, data); 콧수염에 대한 나의 부름으로.

---

로부터 콧수염 문서 :

모든 변수는 기본적으로 HTML 이스케이프됩니다. 이스케이프 처리되지 않은 HTML을 반환하려면 {{{name}}} 삼중 콧수염을 사용하세요.

따라서 예를 사용하면됩니다. {{{content}}}템플릿에서 :

  <div id="box">
    <div id="title"> {{title}} </div> 
    <div id="content"> {{{content}}} </div> 
    <div id="footer"> {{footer}} </div> 
  </div>

참조 URL : https://stackoverflow.com/questions/16800496/mustache-template-string-inside-render-as-html