A simple, concise, clean, no dependencies JSON pretty print output function

pretty.js

/*

  use the following in your css file

    .json-key    { color: red;   }
    .json-value  { color: blue;  }
    .json-string { color: green; }

  set your output like this:

    $('#output').html (prettyPrint (myjson));

*/

function prettyPrint (json)
{
    var line   = /^( *)("[\w]+": )?("[^"]*"|[\w.+-]*)?([,[{])?$/mg;
    var pretty = JSON.stringify (json, null, 3);

    pretty = pretty.replace (/&/g  , '&' );
    pretty = pretty.replace (/\\"/g, '"');
    pretty = pretty.replace (/</g  , '&lt;'  );
    pretty = pretty.replace (/>/g  , '&gt;'  );
    pretty = pretty.replace (line, function (match, indent, key, val, end)
    {
        var akey = '<span class=json-key>';
        var aval = '<span class=json-value>';
        var astr = '<span class=json-string>';
        var text = indent || '';

        if (key)
        {
            text = text + akey + key.replace (/[": ]/g, '') + '</span>: ';
        }

        if (val)
        {
            text = text + (val [0] == '"' ? astr : aval) + val + '</span>';
        }

        return text + (end || '');
    });

    return pretty;
}