Chuỗi mẫu Mustache bên trong hiển thị dưới dạng HTML

Question

Tôi đang sử dụng Mustache để hiển thị mẫu.

Tôi có đối tượng json này:

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

Tôi có một mẫu Moustache như:

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

Vấn đề của tôi là html trong nội dung biến là không nhận được trả lại mà thay vào đó chỉ là nhận được in ra màn hình.

Tôi thấy (trong cửa sổ nguồn không xem): <p> Html here </p>, nơi tôi chỉ muốn thấy rằng nếu tôi đã xem nguồn trang.

Làm cách nào để khắc phục điều đó khi tôi chuyển một chuỗi vào mẫu ria mép HTML bên trong được hiển thị? Tôi đang gọi mustache.render (templates.all, data); như cuộc gọi của tôi để ria mép.

Answer 1

Từ Mustache documentation:

Tất cả các biến là HTML thoát theo mặc định. Nếu bạn muốn trả về HTML không thoát, hãy sử dụng bộ ria mép ba: {{{name}}}.

Vì vậy, bạn chỉ cần sử dụng ví dụ: {{{content}}} trong mẫu của bạn:

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