Decode html string in JQuery Mobile template

Question

I am using jquery templates which I populate using an ajax request. However, one of the values returned is encoded HTML. How can I encode it?

I have tried using ${$.mobile.html(Body).text()} but that didn't work for me.

My code:

Domain.Discussion.ListView = Domain.Discussion.ListView || {
    DiscussionPage: (function () {
        var onGetDiscussionSuccess = function (data) {
            $("#discussionsList ul").remove();
            $("#discussionListItem").tmpl(data.DiscussionsResult).appendTo("#discussionsList", function () {
                reloadAndFixPanelContent()
            });
        }

        var onGetDiscussionError = function () {
            console.log("Error occured when retrieving discussions");
        }

        $.ajax({
            url: absolutePath + "Discussions",
            headers: { "Accept": "application/json; odata=verbose" },
            success: onGetDiscussionSuccess,
            error: onGetDiscussionError
        });
    }())
};

Html:

<!-- Discussion replies -->
<script id="replies" type="text/x-jquery-tmpl">
<div class="message message-first">
    <div class="message-header">
        <div class="message-header-user">
            <h1>${Author}</h1>
            <h2>Role not set yet</h2>
        </div>
        <div class="message-header-date">${Created}</div>
    </div>
    <div class="message-content">
        <span>${$.mobile.html(Body).text()}</span>
        <hr />
    </div>
</div>
</script>
<!-- /Discussion replies -->

The ajax call returns, json formatted, a few items. Including an item called Body with value (HTML Encoded) <div class="ExternalClassC23D0863D23B4421A039D700D6AECF79">Hejsan hoppsan!<br><p></p></div>. — Paul Peelen
– Paul Peelen, Commented May 2, 2013 at 10:25
What I don't understand is what do you mean by "encoded HTML"? — Gajotres
– Gajotres, Commented May 2, 2013 at 10:36
e.g. <p>Hello, world!</p> becomes <p>Hello, world!</p> when encoded. I found the solution now. — Paul Peelen
– Paul Peelen, Commented May 2, 2013 at 10:42
Ahaaaaaaaaaa, but because you fond an answer we will stop our conversation. :) — Gajotres
– Gajotres, Commented May 2, 2013 at 10:46

Community · Accepted Answer · 2017-05-23 11:57:19Z

1

After searching and searching I finally found the solution here: jQuery tmpl: How do I render Html?

Using {{html Body}} in my template worked like a charm.

edited May 23, 2017 at 11:57

CommunityBot

11 silver badge

answered May 2, 2013 at 10:39

Paul Peelen

10.4k15 gold badges90 silver badges182 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Decode html string in JQuery Mobile template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related