{"id":320,"date":"2026-10-03T13:38:11","date_gmt":"2026-10-03T13:38:11","guid":{"rendered":"https:\/\/www.elixlab.it\/wps\/?page_id=320"},"modified":"2026-10-03T13:45:33","modified_gmt":"2026-10-03T13:45:33","slug":"json-formatter-tool","status":"publish","type":"page","link":"https:\/\/www.elixlab.it\/wps\/json-formatter-tool\/","title":{"rendered":"JSON Formatter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"320\" class=\"elementor elementor-320\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93c8e3d e-con-full e-flex e-con e-parent\" data-id=\"93c8e3d\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d06abfa e-con-full e-flex e-con e-child\" data-id=\"d06abfa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07180cb elementor-widget elementor-widget-shortcode\" data-id=\"07180cb\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"font-sans text-slate-100 py-4\" style=\"display: flex; flex-direction: column; gap: 0.75rem;\">\n        <div class=\"text-[11px] font-mono tracking-wider text-slate-400 uppercase px-3 mb-1\">Tutti i tool disponibili<\/div>\n\n                    <a href=\"\/wps\/json-formatter-tool\/\" \n               class=\"flex items-center space-x-3 w-full py-3 px-4 rounded-xl transition text-sm border\"\n               style=\"background-color: #1e293b; color: #e2e8f0; border-color: #334155;\"\n               onmouseover=\"this.style.backgroundColor='#334155'; this.style.color='#ffffff';\"\n               onmouseout=\"this.style.backgroundColor='#1e293b'; this.style.color='#e2e8f0';\">\n                <i class=\"fa-solid fa-code w-5 text-center\" style=\"opacity: 0.8;\"><\/i>\n                <span>JSON Formatter<\/span>\n            <\/a>\n                    <a href=\"\/wps\/generatore-password\/\" \n               class=\"flex items-center space-x-3 w-full py-3 px-4 rounded-xl transition text-sm border\"\n               style=\"background-color: #1e293b; color: #e2e8f0; border-color: #334155;\"\n               onmouseover=\"this.style.backgroundColor='#334155'; this.style.color='#ffffff';\"\n               onmouseout=\"this.style.backgroundColor='#1e293b'; this.style.color='#e2e8f0';\">\n                <i class=\"fa-solid fa-key w-5 text-center\" style=\"opacity: 0.8;\"><\/i>\n                <span>Generatore Password<\/span>\n            <\/a>\n                    <a href=\"\/wps\/calcolatore-date-tool\/\" \n               class=\"flex items-center space-x-3 w-full py-3 px-4 rounded-xl transition text-sm border\"\n               style=\"background-color: #1e293b; color: #e2e8f0; border-color: #334155;\"\n               onmouseover=\"this.style.backgroundColor='#334155'; this.style.color='#ffffff';\"\n               onmouseout=\"this.style.backgroundColor='#1e293b'; this.style.color='#e2e8f0';\">\n                <i class=\"fa-solid fa-calendar-days w-5 text-center\" style=\"opacity: 0.8;\"><\/i>\n                <span>Differenza Date<\/span>\n            <\/a>\n            <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1368489 e-con-full e-flex e-con e-child\" data-id=\"1368489\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e64c6a elementor-widget elementor-widget-heading\" data-id=\"0e64c6a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">JSON Formatter<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63c8ea5 elementor-widget elementor-widget-text-editor\" data-id=\"63c8ea5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Incolla il codice JSON per formattarlo, validarlo o minimizzarlo all&#8217;istante.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-848b107 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"848b107\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elixlab-tool-container w-full px-4 py-1 rounded-2xl shadow-xl\">\r\n\r\n    <!-- Area di Input \/ Output -->\r\n    <div class=\"space-y-4 mb-6\">\r\n        <div>\r\n            <textarea id=\"json-input\" rows=\"10\" class=\"w-full bg-slate-900 border border-slate-700 rounded-xl p-4 text-sm font-mono tracking-wide focus:outline-none shadow-inner\" style=\"color: #e2e8f0;\" placeholder=\"Incolla qui il tuo codice JSON...\"><\/textarea>\r\n        <\/div>\r\n        \r\n        <!-- Messaggio di Stato \/ Errore -->\r\n        <div id=\"json-status\" class=\"text-xs font-mono px-4 py-2 rounded-lg hidden\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Pulsanti di Azione -->\r\n    <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-3 mb-6\">\r\n        <button onclick=\"formatJson()\" class=\"w-full font-bold py-3 px-4 rounded-xl transition shadow-lg text-sm flex items-center justify-center space-x-2\" style=\"background-color: var(--wp--preset--color--primary, #0284c7); color: #ffffff; border: none; outline: none;\">\r\n            <i class=\"fa-solid fa-code\"><\/i>\r\n            <span>Formatta \/ Valida<\/span>\r\n        <\/button>\r\n        <button onclick=\"minifyJson()\" class=\"w-full font-bold py-3 px-4 rounded-xl transition shadow-lg text-sm flex items-center justify-center space-x-2 bg-slate-800 hover:bg-slate-700 border border-slate-700 text-slate-200\" style=\"outline: none;\">\r\n            <i class=\"fa-solid fa-compress\"><\/i>\r\n            <span>Minimizza<\/span>\r\n        <\/button>\r\n        <button onclick=\"copyJson()\" class=\"w-full font-bold py-3 px-4 rounded-xl transition shadow-lg text-sm flex items-center justify-center space-x-2 bg-slate-800 hover:bg-slate-700 border border-slate-700 text-slate-200\" style=\"outline: none;\">\r\n            <i class=\"fa-solid fa-copy\"><\/i>\r\n            <span id=\"copy-text\">Copia<\/span>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\nbutton:focus, textarea:focus {\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst jsonInput = document.getElementById(\"json-input\");\r\nconst jsonStatus = document.getElementById(\"json-status\");\r\n\r\nfunction showStatus(message, isError = false) {\r\n    jsonStatus.classList.remove(\"hidden\");\r\n    jsonStatus.innerText = message;\r\n    if (isError) {\r\n        jsonStatus.style.backgroundColor = \"rgba(239, 68, 68, 0.2)\";\r\n        jsonStatus.style.color = \"#f87171\";\r\n        jsonStatus.style.border = \"1px solid rgba(239, 68, 68, 0.4)\";\r\n    } else {\r\n        jsonStatus.style.backgroundColor = \"rgba(34, 197, 94, 0.2)\";\r\n        jsonStatus.style.color = \"#4ade80\";\r\n        jsonStatus.style.border = \"1px solid rgba(34, 197, 94, 0.4)\";\r\n    }\r\n}\r\n\r\nfunction formatJson() {\r\n    const val = jsonInput.value.trim();\r\n    if (!val) {\r\n        showStatus(\"Inserisci del codice JSON da formattare.\", true);\r\n        return;\r\n    }\r\n    try {\r\n        const parsed = JSON.parse(val);\r\n        jsonInput.value = JSON.stringify(parsed, null, 4);\r\n        showStatus(\"JSON valido e formattato correttamente!\");\r\n    } catch (e) {\r\n        showStatus(\"Errore di sintassi JSON: \" + e.message, true);\r\n    }\r\n}\r\n\r\nfunction minifyJson() {\r\n    const val = jsonInput.value.trim();\r\n    if (!val) {\r\n        showStatus(\"Inserisci del codice JSON da minimizzare.\", true);\r\n        return;\r\n    }\r\n    try {\r\n        const parsed = JSON.parse(val);\r\n        jsonInput.value = JSON.stringify(parsed);\r\n        showStatus(\"JSON minimizzato con successo!\");\r\n    } catch (e) {\r\n        showStatus(\"Errore di sintassi JSON: \" + e.message, true);\r\n    }\r\n}\r\n\r\nfunction copyJson() {\r\n    const val = jsonInput.value;\r\n    if (!val) return;\r\n    \r\n    navigator.clipboard.writeText(val).then(() => {\r\n        const copyText = document.getElementById(\"copy-text\");\r\n        copyText.innerText = \"Copiato!\";\r\n        setTimeout(() => {\r\n            copyText.innerText = \"Copia\";\r\n        }, 2000);\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8202681 e-con-full e-flex e-con e-child\" data-id=\"8202681\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3735bb6 premium-title-icon-row premium-title-color elementor-widget elementor-widget-premium-addon-title\" data-id=\"3735bb6\" data-element_type=\"widget\" data-widget_type=\"premium-addon-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"premium-title-container style1\">\r\n\t\t\t<h2 class=\"premium-title-header premium-title-style1\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<svg class=\"premium-title-icon premium-svg-nodraw premium-drawable-icon e-font-icon-svg e-fas-book-open\" aria-hidden=\"true\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M542.22 32.05c-54.8 3.11-163.72 14.43-230.96 55.59-4.64 2.84-7.27 7.89-7.27 13.17v363.87c0 11.55 12.63 18.85 23.28 13.49 69.18-34.82 169.23-44.32 218.7-46.92 16.89-.89 30.02-14.43 30.02-30.66V62.75c.01-17.71-15.35-31.74-33.77-30.7zM264.73 87.64C197.5 46.48 88.58 35.17 33.78 32.05 15.36 31.01 0 45.04 0 62.75V400.6c0 16.24 13.13 29.78 30.02 30.66 49.49 2.6 149.59 12.11 218.77 46.95 10.62 5.35 23.21-1.94 23.21-13.46V100.63c0-5.29-2.62-10.14-7.27-12.99z\"><\/path><\/svg>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-text\" >\r\n\t\t\t\t\tGuida al formato JSON: cos'\u00e8 e come validarlo nelle API moderne\t\t\t\t<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c73a36c elementor-widget elementor-widget-text-editor\" data-id=\"c73a36c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Il formato\u00a0<strong>JSON (JavaScript Object Notation)<\/strong> \u00e8 diventato lo standard de facto per lo scambio di dati nel web moderno. Leggero, indipendente &#8230;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9614c83 elementor-widget elementor-widget-button\" data-id=\"9614c83\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.elixlab.it\/wps\/blog\/2026\/10\/02\/json-formatter\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Leggi articolo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6399e5 e-flex e-con-boxed e-con e-parent\" data-id=\"c6399e5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JSON Formatter Incolla il codice JSON per formattarlo, validarlo o minimizzarlo all&#8217;istante. Formatta \/ Valida Minimizza Copia Guida al formato JSON: cos&#8217;\u00e8 e come validarlo nelle API moderne Il formato\u00a0JSON (JavaScript Object Notation) \u00e8 diventato lo standard de facto per lo scambio di dati nel web moderno. Leggero, indipendente &#8230; Leggi articolo<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-320","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages\/320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/comments?post=320"}],"version-history":[{"count":7,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages\/320\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/pages\/320\/revisions\/329"}],"wp:attachment":[{"href":"https:\/\/www.elixlab.it\/wps\/wp-json\/wp\/v2\/media?parent=320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}