Formattare JSON in Javascript con pretty-print-json

Mattepuffo's logo
Formattare JSON in Javascript con pretty-print-json

Formattare JSON in Javascript con pretty-print-json

La libreria pretty-print-json è una libreria per Javascript che ci consente di formattare JSON direttamente nelle nostre pagine web.

Scaricate i file dal sito, ed integrate il CSS e il JS.

L'unica cosa richiesta è jQuery; qui sotto un esempio:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>TEST</title>
        <link rel="stylesheet" href="pretty-print-json.css">
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"
                integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
                crossorigin="anonymous"></script>
        <script src="pretty-print-json.min.js"></script>
        <script>
            const myData = {
                "autore": "Clive Cussler", "libri": [{"titolo": "Sahara"}, {"titolo": "Vortice"}, {"titolo": "Enigma"}]
            };
            $(function () {
                $('#json').html(prettyPrintJson.toHtml(myData));
            });
        </script>
    </head>
    <body>
        <pre id="json"></pre>
    </body>
</html>

Nella pagina vedrete il JSON formattato e colorato.

Enjoy!


Share this Post

Commentami!