jsRender渲染HTML [英] jsRender Rendering HTML

问题描述

我正在使用jsRender在html页面上呈现我的数据.数据得到完美呈现.但是，在某些内容项中，HTML文本(如超链接)显示为文本.在jquery模板中，有一种方法可以通过{{html.呈现HTML. jsRender中有类似可用的东西吗? 我的代码如下:

I'm using jsRender to render my data on html page. The data gets rendered perfectly. However, in some content items, HTML text (like hyperlink) appears as text. In jquery template, there is a way to render HTML by {{html. Is there anything similar available in jsRender? My code is as follows:

<p>
{{ =Status}}   //need to convert this to HTML so it should appear as hyperlink.
</p> 

谢谢.

推荐答案

JsRender Beta候选版现已发布(请参阅昨晚鲍里斯的帖子

The JsRender beta candidate is now out (see Boris' post from last night http://www.borismoore.com/2012/03/approaching-beta-whats-changing-in_06.html)

我写了一个小提琴来展示如何在此处呈现HTML: http://jsfiddle.net/johnpapa/NfUGB/

I wrote a quick fiddle to show how to render HTML here: http://jsfiddle.net/johnpapa/NfUGB/

基本上，只需使用{{> yourProperty}}标记即可将其呈现为HTML编码.使用{{:yourProperty}}跳过编码.

Basically, just use the {{>yourProperty}} tag to render it HTML encoding. Use {{:yourProperty}} to skip encoding.

<script id="template" type="text/x-jsrender">
    <p>
    {{:foo}}
    </p>
    <ul>
    {{for testData}}
        <li>{{:name}} - {{:markup}} - {{>markup}}</li>
    {{/for}}
    </ul>
</script>
<div id="div1"></div>

.

var vm = {
    foo: "names",
    testData: [
        {
            name: "John", 
            markup: "<span style='background: yellow'>John</span>"
        },
        {
            name: "Boris", 
            markup: "<span style='background: orange'>Boris</span>"
        }
    ]
};

$("#div1").html($("#template").render(vm));​
​

这篇关于jsRender渲染HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！