Display a pretty json on an html div..possible?

Question

I already read this topic How can I pretty-print JSON using JavaScript?

anyway the correct answer just works if I want to print that json to the console.

Doing something like

$("#myDiv").text(parsedJson);

or

$("#myDiv").html(parsedJson);

will not result in a pretty json.

My intention is to display a dialog box containing that json object, in an human readable form..is it possible?

Answer 1

Untested, but should get you started:

$('#myDiv').append(
    $('<pre>').text(
        JSON.stringify(parsedJson, null, '  ')
    )
);

Answer 2

You could use <pre> tag instead of div, assuming parsedJson contains all newlines and indentation.