把手模板作爲文本呈現模板

我在Handlebars中創建了一個幫助邏輯的幫手，但是我的模板將返回的HTML解析爲文本而不是html。把手模板作爲文本呈現模板

我有測驗完成後所呈現的測驗結果頁面：

<script id="quiz-result" type="text/x-handlebars-template"> 
     {{#each rounds}} 
      {{round_end_result}} 
     {{/each}} 
     <div class="clear"></div> 
    </script>

對於每一個回合，我用一個助手來確定渲染一輪的結果是模板：

Handlebars.registerHelper("round_end_result", function() { 
    if (this.correct) { 
     var source = ''; 
     if (this.guess == this.correct) { 
     console.log("correct guess"); 
     var source = $("#round-end-correct").html(); 
     } else { 
     var source = $("#round-end-wrong").html(); 
     } 
     var template = Handlebars.compile(source); 
     var context = this; 
     var html = template(context); 
     console.log(html); 
     return html; 
    } else { 
     console.log("tie"); 
    } 
    });

這裏是描述正確的圓形模板（讓我們說，它呈現的＃圓鋼，最終正確的模板）：

<script id="round-end-correct" type="text/x-handlebars-template"> 
     <div></div> 
    </script>

這裏是獲取呈現：

<div></div>

還不如HTML，但爲文本。我如何得到它實際呈現HTML爲HTML，而不是文本？

來源

2011-08-23 egidra

147

我認爲在Handlebars中使用與在香草小鬍子中一樣的功能。在這種情況下使用三聯的鬍子來反轉義HTML，I，E：{{{unescapedhtml}}}，如：

<script id="quiz-result" type="text/x-handlebars-template"> 
    {{#each rounds}} 
     {{{round_end_result}}} 
    {{/each}} 
    <div class="clear"></div>

對裁判看到： http://mustache.github.com/mustache.5.html

來源

2011-08-24 09:25:40

當使用2個參數的registerBoundHelper時，此方法對我無效。但「返回新的Handlebars.SafeString（結果）;」爲我工作。 – Presse

這是反應？ – Sebastian

吉爾特 - 揚的答案是正確的，但僅供參考你也可以直接在幫手裏設置結果爲「安全」（代碼來自handlebars.js wiki）

Handlebars.registerHelper('foo', function(text, url) { 
    text = Handlebars.Utils.escapeExpression(text); 
    url = Handlebars.Utils.escapeExpression(url); 
    var result = '<a href="' + url + '">' + text + '</a>'; 
    return new Handlebars.SafeString(result); 
});

有了這個，你可以使用普通的雙把手{{}}和把手不會逃脫你的表情。

來源

2012-04-30 22:13:53

把手模板作爲文本呈現模板

回答

相關問題