{"id":36864,"date":"2025-06-25T14:24:19","date_gmt":"2025-06-25T12:24:19","guid":{"rendered":"https:\/\/www.hakoit.com\/?page_id=36864"},"modified":"2026-05-23T21:44:50","modified_gmt":"2026-05-23T19:44:50","slug":"formato-json","status":"publish","type":"page","link":"https:\/\/www.hakoit.com\/formato-json\/","title":{"rendered":"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb da_is_popup=\u00bboff\u00bb da_exit_intent=\u00bboff\u00bb da_has_close=\u00bbon\u00bb da_alt_close=\u00bboff\u00bb da_dark_close=\u00bboff\u00bb da_not_modal=\u00bbon\u00bb da_is_singular=\u00bboff\u00bb da_with_loader=\u00bboff\u00bb da_has_shadow=\u00bbon\u00bb da_disable_devices=\u00bboff|off|off\u00bb][et_pb_row _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_post_title meta=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_post_title][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p><strong>Formato JSON Online de HakoIT,<\/strong> es una potente herramienta web dise\u00f1ada para hacer que trabajar con datos <strong>JSON sea r\u00e1pido, sencillo y visualmente claro<\/strong>. Ya seas <strong>desarrollador, analista de datos o estudiante<\/strong> que trabaja con <strong>APIs<\/strong> u otras <strong>fuentes de datos JSON,<\/strong> esta herramienta te permite <strong>formatear, validar y descargar JSON<\/strong> de forma <strong>r\u00e1pida y f\u00e1cil.<\/strong><\/p>\n<blockquote>\n<p><strong>Actualizaci\u00f3 2025:<\/strong> Ahora cuenta con nuevas funcionalidades de contar de caracteres y l\u00edneas, adem\u00e1s de mensajes de error m\u00e1s detallados para JSON inv\u00e1lido.<\/p>\n<\/blockquote>\n<p>[\/et_pb_text][et_pb_code disabled_on=\u00bboff|off|off\u00bb _builder_version=\u00bb4.27.5&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; global_colors_info=\u00bb{}\u00bb admin_label=\u00bbcode v4&#8243; sticky_enabled=\u00bb0&#8243;]<\/p>\n<div class=\"json-container\" id=\"jsonContainer\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"json-header\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2 class=\"json-title\">JSON Formatter with Color<\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <button id=\"darkModeToggle\" class=\"dark-toggle-btn\" title=\"Toggle dark mode\">\ud83c\udf19<\/button><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"jsonStats\" class=\"json-stats-bar\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"dropZone\" class=\"drop-zone\"><!-- [et_pb_line_break_holder] -->        <span id=\"pjDropText\">Drag &#038; drop a .json file, or<\/span> <span class=\"file-browse-label\" id=\"pjBrowse\">browse<\/span><!-- [et_pb_line_break_holder] -->        <input type=\"file\" id=\"fileInput\" accept=\".json,application\/json\" style=\"display:none\"><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <textarea id=\"jsonInput\" aria-label=\"JSON input area\" role=\"textbox\" placeholder=\"Paste or type JSON here...\" class=\"json-input\"><\/textarea><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"options-row\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"opt\"><!-- [et_pb_line_break_holder] -->            <label for=\"indentation\" id=\"pjIndentLbl\">Indent:<\/label><!-- [et_pb_line_break_holder] -->            <select id=\"indentation\" class=\"indentation-select\"><!-- [et_pb_line_break_holder] --><option value=\"2\">2 spaces<\/option><!-- [et_pb_line_break_holder] --><option value=\"3\">3 spaces<\/option><!-- [et_pb_line_break_holder] --><option value=\"4\">4 spaces<\/option><!-- [et_pb_line_break_holder] --><option value=\"tab\">Tab<\/option><!-- [et_pb_line_break_holder] -->            <\/select><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <label class=\"opt\"><!-- [et_pb_line_break_holder] -->            <input type=\"checkbox\" id=\"sortKeys\"> <span id=\"pjSortLbl\">Sort keys A\u2192Z<\/span><!-- [et_pb_line_break_holder] -->        <\/label><!-- [et_pb_line_break_holder] -->        <label class=\"opt\"><!-- [et_pb_line_break_holder] -->            <input type=\"checkbox\" id=\"autoFormat\" checked> <span id=\"pjAutoLbl\">Auto-format on paste<\/span><!-- [et_pb_line_break_holder] -->        <\/label><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"main-btns\"><!-- [et_pb_line_break_holder] -->        <button id=\"formatJsonButton\" class=\"format-btn\">Format JSON<\/button><!-- [et_pb_line_break_holder] -->        <button id=\"minifyJsonButton\" class=\"minify-btn\">Minify<\/button><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"actionButtons\" class=\"action-buttons\" style=\"display:none\"><!-- [et_pb_line_break_holder] -->        <button id=\"copyToClipboard\" class=\"action-btn\">Copy<\/button><!-- [et_pb_line_break_holder] -->        <button id=\"clearJsonButton\" class=\"action-btn clear-btn\">Clear<\/button><!-- [et_pb_line_break_holder] -->        <button id=\"downloadJsonButton\" class=\"action-btn\">Download .json<\/button><!-- [et_pb_line_break_holder] -->        <button id=\"downloadCsvButton\" class=\"action-btn\" style=\"display:none\">Download CSV<\/button><!-- [et_pb_line_break_holder] -->        <button id=\"toggleTreeView\" class=\"action-btn\">Tree View<\/button><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<pre id=\"jsonOutput\" class=\"json-output\" style=\"display:none\"><\/pre>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"treeOutput\" class=\"tree-output\" style=\"display:none\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->.json-container {<!-- [et_pb_line_break_holder] -->    --jbg: #fff;<!-- [et_pb_line_break_holder] -->    --jbg2: #f5f5f5;<!-- [et_pb_line_break_holder] -->    --jtxt: #333;<!-- [et_pb_line_break_holder] -->    --jmuted: #666;<!-- [et_pb_line_break_holder] -->    --jborder: #ccc;<!-- [et_pb_line_break_holder] -->    --jacc: #742774;<!-- [et_pb_line_break_holder] -->    --jacc2: #5D1C6D;<!-- [et_pb_line_break_holder] -->    --jbtn: #6E2EBD;<!-- [et_pb_line_break_holder] -->    --jbtn2: #562494;<!-- [et_pb_line_break_holder] -->    --jsh: rgba(0,0,0,0.08);<!-- [et_pb_line_break_holder] -->    max-width: 700px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto;<!-- [et_pb_line_break_holder] -->    padding: 20px;<!-- [et_pb_line_break_holder] -->    font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->    background: var(--jbg);<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container.jdark {<!-- [et_pb_line_break_holder] -->    --jbg: #1e1e2e;<!-- [et_pb_line_break_holder] -->    --jbg2: #2a2a3d;<!-- [et_pb_line_break_holder] -->    --jtxt: #cdd6f4;<!-- [et_pb_line_break_holder] -->    --jmuted: #a6adc8;<!-- [et_pb_line_break_holder] -->    --jborder: #45475a;<!-- [et_pb_line_break_holder] -->    --jacc: #cba6f7;<!-- [et_pb_line_break_holder] -->    --jacc2: #b4befe;<!-- [et_pb_line_break_holder] -->    --jbtn: #89b4fa;<!-- [et_pb_line_break_holder] -->    --jbtn2: #74c7ec;<!-- [et_pb_line_break_holder] -->    --jsh: rgba(0,0,0,0.3);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .json-header {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    justify-content: space-between;<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .json-title {<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->    color: var(--jtxt);<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->    text-align: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .dark-toggle-btn {<!-- [et_pb_line_break_holder] -->    background: none;<!-- [et_pb_line_break_holder] -->    border: 1px solid var(--jborder);<!-- [et_pb_line_break_holder] -->    border-radius: 6px;<!-- [et_pb_line_break_holder] -->    padding: 5px 10px;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    transition: background 0.2s;<!-- [et_pb_line_break_holder] -->    line-height: 1;<!-- [et_pb_line_break_holder] -->    color: inherit;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .dark-toggle-btn:hover { background: var(--jbg2); }<!-- [et_pb_line_break_holder] -->.json-container .json-stats-bar {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    gap: 5px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 8px;<!-- [et_pb_line_break_holder] -->    min-height: 22px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .json-stats-bar span {<!-- [et_pb_line_break_holder] -->    background: var(--jbg2);<!-- [et_pb_line_break_holder] -->    color: var(--jmuted);<!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] -->    padding: 2px 8px;<!-- [et_pb_line_break_holder] -->    border-radius: 10px;<!-- [et_pb_line_break_holder] -->    border: 1px solid var(--jborder);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .drop-zone {<!-- [et_pb_line_break_holder] -->    border: 2px dashed var(--jborder);<!-- [et_pb_line_break_holder] -->    border-radius: 6px;<!-- [et_pb_line_break_holder] -->    padding: 8px 14px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    color: var(--jmuted);<!-- [et_pb_line_break_holder] -->    transition: border-color 0.2s, background 0.2s;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    user-select: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .drop-zone.drag-over {<!-- [et_pb_line_break_holder] -->    border-color: var(--jacc);<!-- [et_pb_line_break_holder] -->    background: var(--jbg2);<!-- [et_pb_line_break_holder] -->    color: var(--jtxt);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .file-browse-label {<!-- [et_pb_line_break_holder] -->    color: var(--jacc);<!-- [et_pb_line_break_holder] -->    text-decoration: underline;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .json-input {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 160px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    border: 1px solid var(--jborder);<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->    font-family: monospace;<!-- [et_pb_line_break_holder] -->    resize: vertical;<!-- [et_pb_line_break_holder] -->    box-shadow: inset 0 2px 5px var(--jsh);<!-- [et_pb_line_break_holder] -->    background: var(--jbg);<!-- [et_pb_line_break_holder] -->    color: var(--jtxt);<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .options-row {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 14px;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    color: var(--jtxt);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .opt {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: center;<!-- [et_pb_line_break_holder] -->    gap: 5px;<!-- [et_pb_line_break_holder] -->    cursor: default;<!-- [et_pb_line_break_holder] -->    white-space: nowrap;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .opt input[type=\"checkbox\"] { cursor: pointer; }<!-- [et_pb_line_break_holder] -->.json-container .indentation-select {<!-- [et_pb_line_break_holder] -->    padding: 3px 6px;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    border: 1px solid var(--jborder);<!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    background: var(--jbg);<!-- [et_pb_line_break_holder] -->    color: var(--jtxt);<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .main-btns {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .format-btn {<!-- [et_pb_line_break_holder] -->    flex: 1;<!-- [et_pb_line_break_holder] -->    padding: 10px;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    background-color: var(--jacc);<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    transition: background-color 0.2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .format-btn:hover { background-color: var(--jacc2); }<!-- [et_pb_line_break_holder] -->.json-container .minify-btn {<!-- [et_pb_line_break_holder] -->    padding: 10px 20px;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    background-color: var(--jbtn);<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    transition: background-color 0.2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .minify-btn:hover { background-color: var(--jbtn2); }<!-- [et_pb_line_break_holder] -->.json-container .action-buttons {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    gap: 8px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .action-btn {<!-- [et_pb_line_break_holder] -->    padding: 7px 13px;<!-- [et_pb_line_break_holder] -->    font-size: 13px;<!-- [et_pb_line_break_holder] -->    background-color: var(--jbtn);<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    transition: background-color 0.2s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .action-btn:hover { background-color: var(--jbtn2); }<!-- [et_pb_line_break_holder] -->.json-container .clear-btn { background-color: var(--jacc2); }<!-- [et_pb_line_break_holder] -->.json-container .clear-btn:hover { background-color: var(--jacc); }<!-- [et_pb_line_break_holder] -->.json-container .json-output {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    max-height: 450px;<!-- [et_pb_line_break_holder] -->    padding: 15px;<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    font-family: monospace;<!-- [et_pb_line_break_holder] -->    background-color: var(--jbg2);<!-- [et_pb_line_break_holder] -->    border: 1px solid var(--jborder);<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->    overflow: auto;<!-- [et_pb_line_break_holder] -->    white-space: pre-wrap;<!-- [et_pb_line_break_holder] -->    word-wrap: break-word;<!-- [et_pb_line_break_holder] -->    box-shadow: inset 0 2px 5px var(--jsh);<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    color: var(--jtxt);<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .tree-output {<!-- [et_pb_line_break_holder] -->    max-height: 450px;<!-- [et_pb_line_break_holder] -->    overflow: auto;<!-- [et_pb_line_break_holder] -->    background: var(--jbg2);<!-- [et_pb_line_break_holder] -->    border: 1px solid var(--jborder);<!-- [et_pb_line_break_holder] -->    border-radius: 5px;<!-- [et_pb_line_break_holder] -->    padding: 12px;<!-- [et_pb_line_break_holder] -->    font-family: monospace;<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    box-sizing: border-box;<!-- [et_pb_line_break_holder] -->    color: var(--jtxt);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .tree-node { margin: 1px 0; }<!-- [et_pb_line_break_holder] -->.json-container .tree-header {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    align-items: baseline;<!-- [et_pb_line_break_holder] -->    gap: 2px;<!-- [et_pb_line_break_holder] -->    padding: 1px 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .tree-toggle {<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    user-select: none;<!-- [et_pb_line_break_holder] -->    font-size: 9px;<!-- [et_pb_line_break_holder] -->    color: var(--jmuted);<!-- [et_pb_line_break_holder] -->    min-width: 14px;<!-- [et_pb_line_break_holder] -->    flex-shrink: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.json-container .tree-toggle:hover { color: var(--jtxt); }<!-- [et_pb_line_break_holder] -->.json-container .tree-children { padding-left: 18px; }<!-- [et_pb_line_break_holder] -->.json-container .tree-close { padding: 1px 0; }<!-- [et_pb_line_break_holder] -->.json-container .tree-leaf { padding: 1px 0 1px 16px; }<!-- [et_pb_line_break_holder] -->.json-container .t-key { color: #d6336c; }<!-- [et_pb_line_break_holder] -->.json-container .t-string { color: #0073e6; }<!-- [et_pb_line_break_holder] -->.json-container .t-number { color: #28a745; }<!-- [et_pb_line_break_holder] -->.json-container .t-boolean { color: #ff9900; }<!-- [et_pb_line_break_holder] -->.json-container .t-null { color: #e36209; }<!-- [et_pb_line_break_holder] -->.json-container .t-bracket { color: var(--jtxt); }<!-- [et_pb_line_break_holder] -->.json-container .t-colon { color: var(--jmuted); }<!-- [et_pb_line_break_holder] -->.json-container .t-count { font-size: 11px; color: var(--jmuted); margin-left: 4px; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .t-key { color: #f38ba8; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .t-string { color: #89dceb; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .t-number { color: #a6e3a1; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .t-boolean { color: #fab387; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .t-null { color: #fab387; }<!-- [et_pb_line_break_holder] -->.json-container .json-key { color: #d6336c; }<!-- [et_pb_line_break_holder] -->.json-container .json-string { color: #0073e6; }<!-- [et_pb_line_break_holder] -->.json-container .json-number { color: #28a745; }<!-- [et_pb_line_break_holder] -->.json-container .json-boolean { color: #ff9900; }<!-- [et_pb_line_break_holder] -->.json-container .json-null { color: #e36209; }<!-- [et_pb_line_break_holder] -->.json-container .json-error { color: red; font-weight: bold; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .json-key { color: #f38ba8; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .json-string { color: #89dceb; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .json-number { color: #a6e3a1; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .json-boolean { color: #fab387; }<!-- [et_pb_line_break_holder] -->.json-container.jdark .json-null { color: #fab387; }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->var LANG = 'es';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->(function () {<!-- [et_pb_line_break_holder] -->    var STRINGS = {<!-- [et_pb_line_break_holder] -->        en: {<!-- [et_pb_line_break_holder] -->            title:      'JSON Formatter with Color',<!-- [et_pb_line_break_holder] -->            darkTitle:  'Toggle dark mode',<!-- [et_pb_line_break_holder] -->            dropText:   'Drag & drop a .json file, or',<!-- [et_pb_line_break_holder] -->            browse:     'browse',<!-- [et_pb_line_break_holder] -->            placeholder:'Paste or type JSON here...',<!-- [et_pb_line_break_holder] -->            indent:     'Indent:',<!-- [et_pb_line_break_holder] -->            opt2:       '2 spaces',<!-- [et_pb_line_break_holder] -->            opt3:       '3 spaces',<!-- [et_pb_line_break_holder] -->            opt4:       '4 spaces',<!-- [et_pb_line_break_holder] -->            optTab:     'Tab',<!-- [et_pb_line_break_holder] -->            sortKeys:   'Sort keys A\u2192Z',<!-- [et_pb_line_break_holder] -->            autoFormat: 'Auto-format on paste',<!-- [et_pb_line_break_holder] -->            formatBtn:  'Format JSON',<!-- [et_pb_line_break_holder] -->            minifyBtn:  'Minify',<!-- [et_pb_line_break_holder] -->            copyBtn:    'Copy',<!-- [et_pb_line_break_holder] -->            clearBtn:   'Clear',<!-- [et_pb_line_break_holder] -->            dlJson:     'Download .json',<!-- [et_pb_line_break_holder] -->            dlCsv:      'Download CSV',<!-- [et_pb_line_break_holder] -->            treeView:   'Tree View',<!-- [et_pb_line_break_holder] -->            rawView:    'Raw View',<!-- [et_pb_line_break_holder] -->            copied:     'Copied!',<!-- [et_pb_line_break_holder] -->            copyFail:   'Copy failed',<!-- [et_pb_line_break_holder] -->            lines:      'lines',<!-- [et_pb_line_break_holder] -->            chars:      'chars',<!-- [et_pb_line_break_holder] -->            depth:      'depth',<!-- [et_pb_line_break_holder] -->            item:       'item',<!-- [et_pb_line_break_holder] -->            items:      'items',<!-- [et_pb_line_break_holder] -->            treeKey:    'key',<!-- [et_pb_line_break_holder] -->            treeKeys:   'keys',<!-- [et_pb_line_break_holder] -->            obj:        'obj',<!-- [et_pb_line_break_holder] -->            arr:        'arr',<!-- [et_pb_line_break_holder] -->            errAt:      'Invalid JSON at line',<!-- [et_pb_line_break_holder] -->            errCol:     'col',<!-- [et_pb_line_break_holder] -->            errBase:    'Invalid JSON: '<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        es: {<!-- [et_pb_line_break_holder] -->            title:      'Formateador JSON con Color',<!-- [et_pb_line_break_holder] -->            darkTitle:  'Modo oscuro',<!-- [et_pb_line_break_holder] -->            dropText:   'Arrastr\u00e1 un archivo .json, o',<!-- [et_pb_line_break_holder] -->            browse:     'seleccionar',<!-- [et_pb_line_break_holder] -->            placeholder:'Peg\u00e1 o escrib\u00ed tu JSON aqu\u00ed\u2026',<!-- [et_pb_line_break_holder] -->            indent:     'Sangr\u00eda:',<!-- [et_pb_line_break_holder] -->            opt2:       '2 espacios',<!-- [et_pb_line_break_holder] -->            opt3:       '3 espacios',<!-- [et_pb_line_break_holder] -->            opt4:       '4 espacios',<!-- [et_pb_line_break_holder] -->            optTab:     'Tab',<!-- [et_pb_line_break_holder] -->            sortKeys:   'Ordenar claves A\u2192Z',<!-- [et_pb_line_break_holder] -->            autoFormat: 'Formatear al pegar',<!-- [et_pb_line_break_holder] -->            formatBtn:  'Formatear JSON',<!-- [et_pb_line_break_holder] -->            minifyBtn:  'Minificar',<!-- [et_pb_line_break_holder] -->            copyBtn:    'Copiar',<!-- [et_pb_line_break_holder] -->            clearBtn:   'Limpiar',<!-- [et_pb_line_break_holder] -->            dlJson:     'Descargar .json',<!-- [et_pb_line_break_holder] -->            dlCsv:      'Descargar CSV',<!-- [et_pb_line_break_holder] -->            treeView:   'Vista \u00e1rbol',<!-- [et_pb_line_break_holder] -->            rawView:    'Vista texto',<!-- [et_pb_line_break_holder] -->            copied:     '\u00a1Copiado!',<!-- [et_pb_line_break_holder] -->            copyFail:   'Error al copiar',<!-- [et_pb_line_break_holder] -->            lines:      'l\u00edneas',<!-- [et_pb_line_break_holder] -->            chars:      'caracteres',<!-- [et_pb_line_break_holder] -->            depth:      'profundidad',<!-- [et_pb_line_break_holder] -->            item:       'elemento',<!-- [et_pb_line_break_holder] -->            items:      'elementos',<!-- [et_pb_line_break_holder] -->            treeKey:    'clave',<!-- [et_pb_line_break_holder] -->            treeKeys:   'claves',<!-- [et_pb_line_break_holder] -->            obj:        'obj',<!-- [et_pb_line_break_holder] -->            arr:        'arr',<!-- [et_pb_line_break_holder] -->            errAt:      'JSON inv\u00e1lido en l\u00ednea',<!-- [et_pb_line_break_holder] -->            errCol:     'col',<!-- [et_pb_line_break_holder] -->            errBase:    'JSON inv\u00e1lido: '<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    var T = STRINGS[LANG] || STRINGS.en;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    var container   = document.getElementById('jsonContainer');<!-- [et_pb_line_break_holder] -->    var textarea    = document.getElementById('jsonInput');<!-- [et_pb_line_break_holder] -->    var statsBar    = document.getElementById('jsonStats');<!-- [et_pb_line_break_holder] -->    var outputArea  = document.getElementById('jsonOutput');<!-- [et_pb_line_break_holder] -->    var treeOutput  = document.getElementById('treeOutput');<!-- [et_pb_line_break_holder] -->    var actionButtons = document.getElementById('actionButtons');<!-- [et_pb_line_break_holder] -->    var csvBtn      = document.getElementById('downloadCsvButton');<!-- [et_pb_line_break_holder] -->    var treeBtn     = document.getElementById('toggleTreeView');<!-- [et_pb_line_break_holder] -->    var dropZone    = document.getElementById('dropZone');<!-- [et_pb_line_break_holder] -->    var fileInput   = document.getElementById('fileInput');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    var lastParsed = null;<!-- [et_pb_line_break_holder] -->    var isTreeView = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Apply all translated strings to the DOM<!-- [et_pb_line_break_holder] -->    function initText() {<!-- [et_pb_line_break_holder] -->        document.querySelector('.json-title').textContent          = T.title;<!-- [et_pb_line_break_holder] -->        document.getElementById('darkModeToggle').title            = T.darkTitle;<!-- [et_pb_line_break_holder] -->        document.getElementById('pjDropText').innerHTML            = T.dropText;<!-- [et_pb_line_break_holder] -->        document.getElementById('pjBrowse').textContent            = T.browse;<!-- [et_pb_line_break_holder] -->        textarea.setAttribute('placeholder', T.placeholder);<!-- [et_pb_line_break_holder] -->        document.getElementById('pjIndentLbl').textContent         = T.indent;<!-- [et_pb_line_break_holder] -->        document.querySelector('#indentation option[value=\"2\"]').textContent  = T.opt2;<!-- [et_pb_line_break_holder] -->        document.querySelector('#indentation option[value=\"3\"]').textContent  = T.opt3;<!-- [et_pb_line_break_holder] -->        document.querySelector('#indentation option[value=\"4\"]').textContent  = T.opt4;<!-- [et_pb_line_break_holder] -->        document.querySelector('#indentation option[value=\"tab\"]').textContent = T.optTab;<!-- [et_pb_line_break_holder] -->        document.getElementById('pjSortLbl').textContent           = T.sortKeys;<!-- [et_pb_line_break_holder] -->        document.getElementById('pjAutoLbl').textContent           = T.autoFormat;<!-- [et_pb_line_break_holder] -->        document.getElementById('formatJsonButton').textContent    = T.formatBtn;<!-- [et_pb_line_break_holder] -->        document.getElementById('minifyJsonButton').textContent    = T.minifyBtn;<!-- [et_pb_line_break_holder] -->        document.getElementById('copyToClipboard').textContent     = T.copyBtn;<!-- [et_pb_line_break_holder] -->        document.getElementById('clearJsonButton').textContent     = T.clearBtn;<!-- [et_pb_line_break_holder] -->        document.getElementById('downloadJsonButton').textContent  = T.dlJson;<!-- [et_pb_line_break_holder] -->        csvBtn.textContent  = T.dlCsv;<!-- [et_pb_line_break_holder] -->        treeBtn.textContent = T.treeView;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    initText();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Dark mode<!-- [et_pb_line_break_holder] -->    try { if (localStorage.getItem('pjson_dark') === '1') applyDark(true); } catch(e) {}<!-- [et_pb_line_break_holder] -->    document.getElementById('darkModeToggle').addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        applyDark(!container.classList.contains('jdark'));<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    function applyDark(on) {<!-- [et_pb_line_break_holder] -->        container.classList.toggle('jdark', on);<!-- [et_pb_line_break_holder] -->        document.getElementById('darkModeToggle').textContent = on ? '\u2600\ufe0f' : '\ud83c\udf19';<!-- [et_pb_line_break_holder] -->        try { localStorage.setItem('pjson_dark', on ? '1' : '0'); } catch(e) {}<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Stats (simple, before format)<!-- [et_pb_line_break_holder] -->    textarea.addEventListener('input', function () {<!-- [et_pb_line_break_holder] -->        var v = textarea.value;<!-- [et_pb_line_break_holder] -->        if (!v.trim()) { statsBar.innerHTML = ''; return; }<!-- [et_pb_line_break_holder] -->        statsBar.innerHTML = b(v.split('\\n').length + ' ' + T.lines) + b(v.length + ' ' + T.chars) + b((new Blob([v]).size \/ 1024).toFixed(1) + ' KB');<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    function b(t) { return '<span>' + t + '<\/span>'; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Rich stats after parse<!-- [et_pb_line_break_holder] -->    function updateRichStats(raw, parsed) {<!-- [et_pb_line_break_holder] -->        var keys = 0, arrays = 0, objects = 0, maxDepth = 0;<!-- [et_pb_line_break_holder] -->        function walk(v, d) {<!-- [et_pb_line_break_holder] -->            if (d > maxDepth) maxDepth = d;<!-- [et_pb_line_break_holder] -->            if (Array.isArray(v)) {<!-- [et_pb_line_break_holder] -->                arrays++;<!-- [et_pb_line_break_holder] -->                for (var i = 0; i < v.length; i++) walk(v[i], d + 1);<!-- [et_pb_line_break_holder] -->            } else if (v !== null && typeof v === 'object') {<!-- [et_pb_line_break_holder] -->                var ks = Object.keys(v);<!-- [et_pb_line_break_holder] -->                objects++;<!-- [et_pb_line_break_holder] -->                for (var j = 0; j < ks.length; j++) { keys++; walk(v[ks[j]], d + 1); }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        walk(parsed, 0);<!-- [et_pb_line_break_holder] -->        var kb = (new Blob([raw]).size \/ 1024).toFixed(1);<!-- [et_pb_line_break_holder] -->        statsBar.innerHTML = b(raw.split('\\n').length + ' ' + T.lines) + b(raw.length + ' ' + T.chars) + b(kb + ' KB') + b(keys + ' ' + T.treeKeys) + b(T.depth + ' ' + maxDepth) + b(objects + ' ' + T.obj + ' \/ ' + arrays + ' ' + T.arr);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Auto-format on paste<!-- [et_pb_line_break_holder] -->    textarea.addEventListener('paste', function () {<!-- [et_pb_line_break_holder] -->        if (!document.getElementById('autoFormat').checked) return;<!-- [et_pb_line_break_holder] -->        setTimeout(function () {<!-- [et_pb_line_break_holder] -->            try { doFormat(JSON.parse(textarea.value)); } catch(e) {}<!-- [et_pb_line_break_holder] -->        }, 0);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ File upload \/ drag & drop<!-- [et_pb_line_break_holder] -->    dropZone.addEventListener('click', function () { fileInput.click(); });<!-- [et_pb_line_break_holder] -->    fileInput.addEventListener('change', function (e) { if (e.target.files[0]) readFile(e.target.files[0]); });<!-- [et_pb_line_break_holder] -->    dropZone.addEventListener('dragover', function (e) { e.preventDefault(); dropZone.classList.add('drag-over'); });<!-- [et_pb_line_break_holder] -->    dropZone.addEventListener('dragleave', function () { dropZone.classList.remove('drag-over'); });<!-- [et_pb_line_break_holder] -->    dropZone.addEventListener('drop', function (e) {<!-- [et_pb_line_break_holder] -->        e.preventDefault();<!-- [et_pb_line_break_holder] -->        dropZone.classList.remove('drag-over');<!-- [et_pb_line_break_holder] -->        if (e.dataTransfer.files[0]) readFile(e.dataTransfer.files[0]);<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->    function readFile(file) {<!-- [et_pb_line_break_holder] -->        var reader = new FileReader();<!-- [et_pb_line_break_holder] -->        reader.onload = function (e) {<!-- [et_pb_line_break_holder] -->            textarea.value = e.target.result;<!-- [et_pb_line_break_holder] -->            textarea.dispatchEvent(new Event('input'));<!-- [et_pb_line_break_holder] -->            if (document.getElementById('autoFormat').checked) {<!-- [et_pb_line_break_holder] -->                try { doFormat(JSON.parse(textarea.value)); } catch(ex) {}<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        reader.readAsText(file);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Sort keys helper<!-- [et_pb_line_break_holder] -->    function sortKeys(obj) {<!-- [et_pb_line_break_holder] -->        if (Array.isArray(obj)) return obj.map(sortKeys);<!-- [et_pb_line_break_holder] -->        if (obj !== null && typeof obj === 'object') {<!-- [et_pb_line_break_holder] -->            return Object.keys(obj).sort().reduce(function (acc, k) { acc[k] = sortKeys(obj[k]); return acc; }, {});<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        return obj;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function getIndent() {<!-- [et_pb_line_break_holder] -->        var v = document.getElementById('indentation').value;<!-- [et_pb_line_break_holder] -->        return v === 'tab' ? '\\t' : parseInt(v);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function doFormat(parsed) {<!-- [et_pb_line_break_holder] -->        var raw = textarea.value;<!-- [et_pb_line_break_holder] -->        var toRender = document.getElementById('sortKeys').checked ? sortKeys(parsed) : parsed;<!-- [et_pb_line_break_holder] -->        lastParsed = toRender;<!-- [et_pb_line_break_holder] -->        updateRichStats(raw, toRender);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (isTreeView) {<!-- [et_pb_line_break_holder] -->            treeOutput.innerHTML = '';<!-- [et_pb_line_break_holder] -->            treeOutput.appendChild(renderTree(toRender, undefined, 0));<!-- [et_pb_line_break_holder] -->            treeOutput.style.display = 'block';<!-- [et_pb_line_break_holder] -->            outputArea.style.display = 'none';<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            outputArea.innerHTML = syntaxHighlight(JSON.stringify(toRender, null, getIndent()));<!-- [et_pb_line_break_holder] -->            outputArea.style.display = 'block';<!-- [et_pb_line_break_holder] -->            treeOutput.style.display = 'none';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        actionButtons.style.display = 'flex';<!-- [et_pb_line_break_holder] -->        csvBtn.style.display = (Array.isArray(toRender) && toRender.length > 0 && toRender[0] !== null && typeof toRender[0] === 'object' && !Array.isArray(toRender[0])) ? '' : 'none';<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Format button<!-- [et_pb_line_break_holder] -->    document.getElementById('formatJsonButton').addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            doFormat(JSON.parse(textarea.value));<!-- [et_pb_line_break_holder] -->        } catch(e) {<!-- [et_pb_line_break_holder] -->            outputArea.innerHTML = \"<span class='json-error'>\" + getErrorMsg(textarea.value, e) + \"<\/span>\";<!-- [et_pb_line_break_holder] -->            actionButtons.style.display = 'none';<!-- [et_pb_line_break_holder] -->            treeOutput.style.display = 'none';<!-- [et_pb_line_break_holder] -->            outputArea.style.display = 'block';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Minify button<!-- [et_pb_line_break_holder] -->    document.getElementById('minifyJsonButton').addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            var parsed = JSON.parse(textarea.value);<!-- [et_pb_line_break_holder] -->            lastParsed = parsed;<!-- [et_pb_line_break_holder] -->            outputArea.textContent = JSON.stringify(parsed);<!-- [et_pb_line_break_holder] -->            outputArea.style.display = 'block';<!-- [et_pb_line_break_holder] -->            treeOutput.style.display = 'none';<!-- [et_pb_line_break_holder] -->            actionButtons.style.display = 'flex';<!-- [et_pb_line_break_holder] -->            csvBtn.style.display = 'none';<!-- [et_pb_line_break_holder] -->        } catch(e) {<!-- [et_pb_line_break_holder] -->            outputArea.innerHTML = \"<span class='json-error'>\" + getErrorMsg(textarea.value, e) + \"<\/span>\";<!-- [et_pb_line_break_holder] -->            actionButtons.style.display = 'none';<!-- [et_pb_line_break_holder] -->            outputArea.style.display = 'block';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function getErrorMsg(input, e) {<!-- [et_pb_line_break_holder] -->        var msg = escHtml(e.message);<!-- [et_pb_line_break_holder] -->        var m = e.message.match(\/position (\\d+)\/);<!-- [et_pb_line_break_holder] -->        if (m) {<!-- [et_pb_line_break_holder] -->            var pos = parseInt(m[1]);<!-- [et_pb_line_break_holder] -->            var before = input.slice(0, pos);<!-- [et_pb_line_break_holder] -->            var line = before.split('\\n').length;<!-- [et_pb_line_break_holder] -->            var col = before.split('\\n').pop().length + 1;<!-- [et_pb_line_break_holder] -->            return T.errAt + ' ' + line + ', ' + T.errCol + ' ' + col + ' \u2014 ' + msg;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        return T.errBase + msg;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Tree view toggle<!-- [et_pb_line_break_holder] -->    treeBtn.addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        if (!lastParsed) return;<!-- [et_pb_line_break_holder] -->        isTreeView = !isTreeView;<!-- [et_pb_line_break_holder] -->        treeBtn.textContent = isTreeView ? T.rawView : T.treeView;<!-- [et_pb_line_break_holder] -->        if (isTreeView) {<!-- [et_pb_line_break_holder] -->            treeOutput.innerHTML = '';<!-- [et_pb_line_break_holder] -->            treeOutput.appendChild(renderTree(lastParsed, undefined, 0));<!-- [et_pb_line_break_holder] -->            treeOutput.style.display = 'block';<!-- [et_pb_line_break_holder] -->            outputArea.style.display = 'none';<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            outputArea.innerHTML = syntaxHighlight(JSON.stringify(lastParsed, null, getIndent()));<!-- [et_pb_line_break_holder] -->            outputArea.style.display = 'block';<!-- [et_pb_line_break_holder] -->            treeOutput.style.display = 'none';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Copy<!-- [et_pb_line_break_holder] -->    document.getElementById('copyToClipboard').addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        var text = isTreeView ? JSON.stringify(lastParsed, null, getIndent()) : outputArea.innerText;<!-- [et_pb_line_break_holder] -->        if (!text) return;<!-- [et_pb_line_break_holder] -->        var btn = document.getElementById('copyToClipboard');<!-- [et_pb_line_break_holder] -->        navigator.clipboard.writeText(text).then(function () {<!-- [et_pb_line_break_holder] -->            var orig = btn.textContent;<!-- [et_pb_line_break_holder] -->            btn.textContent = T.copied;<!-- [et_pb_line_break_holder] -->            setTimeout(function () { btn.textContent = orig; }, 1500);<!-- [et_pb_line_break_holder] -->        }).catch(function () { alert(T.copyFail); });<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Clear<!-- [et_pb_line_break_holder] -->    document.getElementById('clearJsonButton').addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        textarea.value = '';<!-- [et_pb_line_break_holder] -->        outputArea.innerHTML = '';<!-- [et_pb_line_break_holder] -->        treeOutput.innerHTML = '';<!-- [et_pb_line_break_holder] -->        outputArea.style.display = 'none';<!-- [et_pb_line_break_holder] -->        treeOutput.style.display = 'none';<!-- [et_pb_line_break_holder] -->        actionButtons.style.display = 'none';<!-- [et_pb_line_break_holder] -->        statsBar.innerHTML = '';<!-- [et_pb_line_break_holder] -->        lastParsed = null;<!-- [et_pb_line_break_holder] -->        isTreeView = false;<!-- [et_pb_line_break_holder] -->        treeBtn.textContent = T.treeView;<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Download JSON<!-- [et_pb_line_break_holder] -->    document.getElementById('downloadJsonButton').addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        if (!lastParsed) return;<!-- [et_pb_line_break_holder] -->        dl(JSON.stringify(lastParsed, null, getIndent()), 'formatted.json', 'application\/json');<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Download CSV<!-- [et_pb_line_break_holder] -->    csvBtn.addEventListener('click', function () {<!-- [et_pb_line_break_holder] -->        if (!Array.isArray(lastParsed)) return;<!-- [et_pb_line_break_holder] -->        var headers = [];<!-- [et_pb_line_break_holder] -->        lastParsed.forEach(function (row) {<!-- [et_pb_line_break_holder] -->            if (row && typeof row === 'object') {<!-- [et_pb_line_break_holder] -->                Object.keys(row).forEach(function (k) { if (headers.indexOf(k) === -1) headers.push(k); });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        var rows = [headers.map(csvCell).join(',')].concat(lastParsed.map(function (row) {<!-- [et_pb_line_break_holder] -->            return headers.map(function (h) {<!-- [et_pb_line_break_holder] -->                var v = row[h];<!-- [et_pb_line_break_holder] -->                if (v == null) return '';<!-- [et_pb_line_break_holder] -->                return csvCell(typeof v === 'object' ? JSON.stringify(v) : String(v));<!-- [et_pb_line_break_holder] -->            }).join(',');<!-- [et_pb_line_break_holder] -->        }));<!-- [et_pb_line_break_holder] -->        dl(rows.join('\\n'), 'data.csv', 'text\/csv');<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function csvCell(v) { return '\"' + String(v).replace(\/\"\/g, '\"\"') + '\"'; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function dl(content, name, type) {<!-- [et_pb_line_break_holder] -->        var a = document.createElement('a');<!-- [et_pb_line_break_holder] -->        a.href = URL.createObjectURL(new Blob([content], { type: type }));<!-- [et_pb_line_break_holder] -->        a.download = name;<!-- [et_pb_line_break_holder] -->        a.click();<!-- [et_pb_line_break_holder] -->        setTimeout(function () { URL.revokeObjectURL(a.href); }, 100);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Syntax highlight<!-- [et_pb_line_break_holder] -->    function syntaxHighlight(json) {<!-- [et_pb_line_break_holder] -->        json = json.replace(\/&\/g, '&').replace(\/<\/g, '<').replace(\/>\/g, '>');<!-- [et_pb_line_break_holder] -->        return json.replace(\/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|\\b-?\\d+(\\.\\d+)?([eE][+-]?\\d+)?\\b)\/g, function (match) {<!-- [et_pb_line_break_holder] -->            var cls = 'json-number';<!-- [et_pb_line_break_holder] -->            if (\/^\"\/.test(match)) cls = \/:$\/.test(match) ? 'json-key' : 'json-string';<!-- [et_pb_line_break_holder] -->            else if (\/true|false\/.test(match)) cls = 'json-boolean';<!-- [et_pb_line_break_holder] -->            else if (\/null\/.test(match)) cls = 'json-null';<!-- [et_pb_line_break_holder] -->            return '<span class=\"' + cls + '\">' + match + '<\/span>';<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Escape HTML<!-- [et_pb_line_break_holder] -->    function escHtml(s) {<!-- [et_pb_line_break_holder] -->        return String(s).replace(\/&\/g,'&').replace(\/<\/g,'<').replace(\/>\/g,'>').replace(\/\"\/g,'\"');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Tree renderer<!-- [et_pb_line_break_holder] -->    function renderTree(value, key, depth) {<!-- [et_pb_line_break_holder] -->        var node = document.createElement('div');<!-- [et_pb_line_break_holder] -->        node.className = 'tree-node';<!-- [et_pb_line_break_holder] -->        var keyHtml = key !== undefined ? '<span class=\"t-key\">' + escHtml(String(key)) + '<\/span><span class=\"t-colon\">:<\/span> ' : '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (value === null) {<!-- [et_pb_line_break_holder] -->            node.className += ' tree-leaf';<!-- [et_pb_line_break_holder] -->            node.innerHTML = keyHtml + '<span class=\"t-null\">null<\/span>';<!-- [et_pb_line_break_holder] -->            return node;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (typeof value !== 'object') {<!-- [et_pb_line_break_holder] -->            node.className += ' tree-leaf';<!-- [et_pb_line_break_holder] -->            var cls, display;<!-- [et_pb_line_break_holder] -->            if (typeof value === 'string') { cls = 't-string'; display = '\"' + escHtml(value) + '\"'; }<!-- [et_pb_line_break_holder] -->            else if (typeof value === 'number') { cls = 't-number'; display = escHtml(String(value)); }<!-- [et_pb_line_break_holder] -->            else { cls = 't-boolean'; display = String(value); }<!-- [et_pb_line_break_holder] -->            node.innerHTML = keyHtml + '<span class=\"' + cls + '\">' + display + '<\/span>';<!-- [et_pb_line_break_holder] -->            return node;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        var isArr = Array.isArray(value);<!-- [et_pb_line_break_holder] -->        var entryKeys = isArr ? null : Object.keys(value);<!-- [et_pb_line_break_holder] -->        var count = isArr ? value.length : entryKeys.length;<!-- [et_pb_line_break_holder] -->        var open = isArr ? '[' : '{';<!-- [et_pb_line_break_holder] -->        var close = isArr ? ']' : '}';<!-- [et_pb_line_break_holder] -->        var label = count + ' ' + (isArr ? (count === 1 ? T.item : T.items) : (count === 1 ? T.treeKey : T.treeKeys));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        var toggle = document.createElement('span');<!-- [et_pb_line_break_holder] -->        toggle.className = 'tree-toggle';<!-- [et_pb_line_break_holder] -->        toggle.textContent = '\u25bc';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        var header = document.createElement('div');<!-- [et_pb_line_break_holder] -->        header.className = 'tree-header';<!-- [et_pb_line_break_holder] -->        header.appendChild(toggle);<!-- [et_pb_line_break_holder] -->        header.insertAdjacentHTML('beforeend', keyHtml + '<span class=\"t-bracket\">' + open + '<\/span><span class=\"t-count\">' + label + '<\/span>');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        var children = document.createElement('div');<!-- [et_pb_line_break_holder] -->        children.className = 'tree-children';<!-- [et_pb_line_break_holder] -->        if (isArr) {<!-- [et_pb_line_break_holder] -->            for (var i = 0; i < value.length; i++) children.appendChild(renderTree(value[i], i, depth + 1));<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->            for (var j = 0; j < entryKeys.length; j++) children.appendChild(renderTree(value[entryKeys[j]], entryKeys[j], depth + 1));<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        var closeEl = document.createElement('div');<!-- [et_pb_line_break_holder] -->        closeEl.className = 'tree-close';<!-- [et_pb_line_break_holder] -->        closeEl.innerHTML = '<span class=\"t-bracket\">' + close + '<\/span>';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        toggle.addEventListener('click', function (e) {<!-- [et_pb_line_break_holder] -->            e.stopPropagation();<!-- [et_pb_line_break_holder] -->            var col = children.style.display === 'none';<!-- [et_pb_line_break_holder] -->            children.style.display = col ? '' : 'none';<!-- [et_pb_line_break_holder] -->            closeEl.style.display = col ? '' : 'none';<!-- [et_pb_line_break_holder] -->            toggle.textContent = col ? '\u25bc' : '\u25b6';<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        node.appendChild(header);<!-- [et_pb_line_break_holder] -->        node.appendChild(children);<!-- [et_pb_line_break_holder] -->        node.appendChild(closeEl);<!-- [et_pb_line_break_holder] -->        return node;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<blockquote>\n<p>Si encontraste <strong>\u00fatil<\/strong> la herramienta gratuita <strong>\u00abFormatear JSON Online, Moderno y Bonito\u00bb<\/strong> de HakoIT para dar formato a tu JSON, <strong>\u00a1Comp\u00e1rtela con tus colegas o amigos y s\u00edguenos en Instagram en\u00a0<a href=\"https:\/\/www.instagram.com\/hako_it\/\" target=\"_blank\" rel=\"noopener\">@hako_it<\/a><\/strong><\/p>\n<\/blockquote>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,3_5,1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb3_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<blockquote>\n<p>\ud83d\udc49 Prueba las otras herramientas gratuitas para Redes Sociales: <strong><a href=\"https:\/\/www.hakoit.com\/letras-especiales-para-instagram-twitter-facebook-social-media\/\" target=\"_blank\" rel=\"noopener\">Letras especiales para Instagram, Facebook, Twitter, YouTube y TikTok \u2013 Copiar y pegar | Redes Sociales<\/a><\/strong><\/p>\n<\/blockquote>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.16&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbStep-by-Step Guide to Using the JSON Formatter\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2 style=\"text-align: left;\"><strong>Gu\u00eda Paso a Paso para Usar el Formato JSON online de Hako IT\u200b:<\/strong><\/h2>\n<h3><\/h3>\n<h3>\ud83d\udfe2 Paso 1 \u2013 Ingresa o Pega tus Datos JSON:<\/h3>\n<p>&#8211; Simplemente Pega o Escribe tu JSON sin formato en el \u00e1rea de texto de entrada. La herramienta acepta tanto JSON minificado como sin formatear.<\/p>\n<h3>\ud83d\udfe1 Paso 2 \u2013 Elige el Estilo de Sangr\u00eda:<\/h3>\n<p>&#8211; Selecciona el n\u00famero de espacios (2 o 3) para la sangr\u00eda desde el men\u00fa desplegable. Esto te permite controlar la estructura del JSON formateado.<\/p>\n<h3>\ud83d\udd35 Paso 3 \u2013 Haz clic en \u00abFormato JSON:<\/h3>\n<p>&#8211; Luego de ingresar tus datos y elegir tus preferencias, haz clic en el bot\u00f3n \u00abFormato JSON\u00bb. La herramienta procesar\u00e1 y mostrar\u00e1 tu JSON al instante.<\/p>\n<h3>\ud83d\udfe3 Paso 4 \u2013 Visualiza el JSON Formateado:<\/h3>\n<p>&#8211; El JSON ahora se muestra de manera clara y ordenada, con resaltado de sintaxis:<\/p>\n<ul>\n<li>N\u00fameros en verde<\/li>\n<li>Cadenas en azul<\/li>\n<li>Claves en rojo<\/li>\n<\/ul>\n<p>Esto facilita identificar los distintos tipos de datos r\u00e1pidamente.<\/p>\n<h3>\ud83d\udd3bPaso 5 \u2013 Copia, Borra o Descarga el JSON:<\/h3>\n<p>&#8211; Una vez formateado, puedes:<\/p>\n<ul>\n<li>Copiar el JSON al portapapeles con un solo clic.<\/li>\n<li>Borrar los campos de entrada y salida para comenzar de nuevo.<\/li>\n<li>Descargar el JSON formateado (Pretty Print JSON) gratis como un archivo <code>.txt<\/code>.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_4,1_2,1_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_2&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/09\/Modern-Pretty-JSON-Formatter-Highlighter-How-to-use.jpg\u00bb alt=\u00bbformato json\u00bb title_text=\u00bbformato json\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbBenefits of Using the Modern JSON\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2><strong>Beneficios de Usar el Formateador JSON Moderno de Hako IT<\/strong><\/h2>\n<ul>\n<li><strong>Gratis y F\u00e1cil de Usar \u2013 Estructura JSON Online<\/strong><\/li>\n<\/ul>\n<p>El dise\u00f1o minimalista garantiza que cualquier persona, incluso sin conocimientos t\u00e9cnicos, pueda usar esta herramienta totalmente gratuita. Sin funciones complicadas ni distracciones innecesarias: solo formateo y validaci\u00f3n clara y directa.<\/p>\n<ul>\n<li><strong>Formateo Instant\u00e1neo de JSON<\/strong><\/li>\n<\/ul>\n<p>Obt\u00e9n tu JSON estructurado de forma clara en segundos. Este visor de JSON bonito (pretty viewer) es ideal para depurar, compartir o preparar datos para desarrollo o an\u00e1lisis.<\/p>\n<ul>\n<li><strong>Detecci\u00f3n de Errores<\/strong><\/li>\n<\/ul>\n<p>La aplicaci\u00f3n te avisa de inmediato si el JSON es inv\u00e1lido. El validador de JSON te ayuda a corregir errores de sintaxis al instante y evitar problemas en tu c\u00f3digo o API.<\/p>\n<ul>\n<li><strong>Formato Personalizable<\/strong><\/li>\n<\/ul>\n<p>Puedes elegir entre una sangr\u00eda de 2 o 3 espacios para adaptar el formato a tu estilo de c\u00f3digo o a los requisitos de tu proyecto.<\/p>\n<ul>\n<li><strong>Resaltar la Sintaxis<\/strong><\/li>\n<\/ul>\n<p>La salida con c\u00f3digo de colores te permite distinguir f\u00e1cilmente entre:<\/p>\n<ul>\n<li>Claves<\/li>\n<li>Valores<\/li>\n<li>N\u00fameros<\/li>\n<li>Cadenas<\/li>\n<li>Booleanos<\/li>\n<li>Valores nulos<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Opciones de Copiar y Descargar<\/strong><\/li>\n<\/ul>\n<p>Con un solo clic, puedes copiar el JSON formateado al portapapeles o descargarlo como archivo .txt para usarlo m\u00e1s adelante.<\/p>\n<ul>\n<li><strong>Herramienta Online R\u00e1pida y Responsiva<\/strong><\/li>\n<\/ul>\n<p>Al ser una herramienta ligera y basada en la web, funciona sin problemas en computadoras, tablets y tel\u00e9fonos, sin demoras ni instalaciones.<\/p>\n<ul>\n<li><strong>Privacidad y Seguridad<\/strong><\/li>\n<\/ul>\n<p>La herramienta se ejecuta completamente del lado del cliente (en tu navegador), por lo que tus datos nunca se env\u00edan ni almacenan en un servidor. Ideal para trabajar con informaci\u00f3n sensible de forma segura.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=\u00bbUse Cases for the JSON Formatter\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>Casos de Uso del Formateador de JSON<\/h2>\n<ul>\n<li><strong>Desarrolladores que Trabajan con APIs<\/strong><\/li>\n<\/ul>\n<p>Los desarrolladores interact\u00faan frecuentemente con JSON al trabajar con APIs REST. Esta herramienta les permite formatear r\u00e1pidamente datos JSON en bruto provenientes de respuestas de API, facilitando su lectura y depuraci\u00f3n.<\/p>\n<ul>\n<li><strong>Depuraci\u00f3n de JSON<\/strong><\/li>\n<\/ul>\n<p>Cuando se trabaja con objetos JSON complejos, el formateo ayuda a identificar r\u00e1pidamente errores como llaves faltantes, comas incorrectas o claves mal ubicadas, lo cual agiliza el proceso de correcci\u00f3n.<\/p>\n<ul>\n<li><strong>Analistas de Datos que Procesan JSON<\/strong><\/li>\n<\/ul>\n<p>El JSON es un formato com\u00fan en flujos de trabajo de an\u00e1lisis de datos. Esta herramienta permite a los analistas formatear y revisar grandes vol\u00famenes de datos antes de importarlos a herramientas de an\u00e1lisis, asegurando precisi\u00f3n y consistencia.<\/p>\n<ul>\n<li><strong>Estudiantes que Aprenden JavaScript o JSON<\/strong><\/li>\n<\/ul>\n<p>Para estudiantes que est\u00e1n comenzando a aprender sobre estructuras JSON, este formateador ofrece una forma clara y pr\u00e1ctica de visualizar la estructura del dato, ayudando a construir una base s\u00f3lida en el manejo y an\u00e1lisis de JSON.<\/p>\n<ul>\n<li><strong>\ud83d\udd04 Conversi\u00f3n de Archivos JSON<\/strong><\/li>\n<\/ul>\n<p>La herramienta tambi\u00e9n puede utilizarse para formatear datos antes de convertirlos a otros formatos o al importarlos a otras aplicaciones como bases de datos o hojas de c\u00e1lculo.<\/p>\n<ul>\n<li><strong>Validaci\u00f3n de Archivos JSON<\/strong><\/li>\n<\/ul>\n<p>Si trabajas en un proyecto que requiere cumplir con reglas estrictas de formato JSON (como APIs o bases de datos NoSQL), esta herramienta te ayudar\u00e1 a validar y preparar los datos antes de enviarlos o integrarlos.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2 style=\"text-align: left;\"><strong>Ideal para Desarrolladores de Power Apps y Conectores Personalizados<\/strong><\/h2>\n<p>El <strong>Formato JSON Online de HakoIT<\/strong> es una herramienta especialmente \u00fatil para quienes trabajan con <strong><a href=\"https:\/\/www.hakoit.com\/que-es-power-apps-introduccion-a-microsoft-powerapps\/\" target=\"_blank\" rel=\"noopener\">Power Apps<\/a>, Power Automate y conectores personalizados<\/strong>. En estos entornos, es com\u00fan intercambiar datos en formato JSON al consumir <strong>APIs REST<\/strong> o al construir flujos automatizados. Esta herramienta facilita enormemente la <strong>visualizaci\u00f3n, validaci\u00f3n y depuraci\u00f3n de cargas JSON<\/strong>, tanto en solicitudes como en respuestas de servicios externos.<\/p>\n<p>Al poder estructurar claramente los datos y detectar errores de forma inmediata, los desarrolladores pueden ahorrar tiempo al configurar encabezados, cuerpos de solicitud y par\u00e1metros din\u00e1micos en sus flujos o conectores. Esto se traduce en una integraci\u00f3n m\u00e1s r\u00e1pida, confiable y eficiente con servicios externos dentro del ecosistema de <a href=\"https:\/\/www.hakoit.com\/que-es-power-platform-y-ventajas-para-su-empresa\/\" target=\"_blank\" rel=\"noopener\"><strong>Microsoft Power Platform<\/strong><\/a>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_4,1_2,1_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_2&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2024\/09\/Modern-Pretty-JSON-Formatter-Highlighter-Tool-by-Hako-IT.jpg\u00bb alt=\u00bbformato json online\u00bb title_text=\u00bbformato json online\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.0&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text admin_label=\u00bbWhy Choose Our JSON Formatter Over\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>\u00bfPor Qu\u00e9 Elegir Nuestro Formateador de JSON en Lugar de Otros?<\/h2>\n<ul>\n<li><strong>Interfaz Intuitiva y Moderna<\/strong><br \/>Dise\u00f1ada con una est\u00e9tica actual, nuestra herramienta combina un dise\u00f1o minimalista con funciones esenciales, ofreciendo una experiencia de usuario fluida y sin complicaciones.<\/p>\n<\/li>\n<li><strong>Resaltado de Sintaxis al Instante<\/strong><br \/>Diferencia f\u00e1cilmente las partes de tu JSON (claves, cadenas, n\u00fameros) gracias a un sistema de colores intuitivo que mejora la legibilidad.\n<\/li>\n<li><strong>Privacidad Total \u2013 Sin Env\u00edo de Datos al Servidor<\/strong><br \/>Tu JSON se procesa completamente en tu navegador. Esto significa que tus datos nunca se transmiten ni almacenan en servidores, garantizando privacidad y seguridad.\n<\/li>\n<li><strong>Compatible con Todos los Dispositivos<\/strong><br \/>Ya sea en escritorio, tablet o m\u00f3vil, nuestra herramienta se adapta autom\u00e1ticamente a tu pantalla para ofrecerte la mejor usabilidad sin importar el dispositivo.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_code admin_label=\u00bbfaq google\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<html><!-- [et_pb_line_break_holder] -->  <head><!-- [et_pb_line_break_holder] -->    <title>HakoIT &#8211; Preguntas Frecuentes sobre el Formato JSON<\/title><!-- [et_pb_line_break_holder] -->    <script type=\"application\/ld+json\"><!-- [et_pb_line_break_holder] -->    {<!-- [et_pb_line_break_holder] -->      \"@context\": \"https:\/\/schema.org\",<!-- [et_pb_line_break_holder] -->      \"@type\": \"FAQPage\",<!-- [et_pb_line_break_holder] -->      \"mainEntity\": [<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfQu\u00e9 es formato JSON y para qu\u00e9 sirve?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"JSON (JavaScript Object Notation) es un formato ligero de intercambio de datos. Es f\u00e1cil de leer y escribir para los humanos, y sencillo de procesar para las m\u00e1quinas.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfQu\u00e9 es el formato JSON?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Es un formato de texto usado para representar datos estructurados basado en notaci\u00f3n de objetos de JavaScript.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfQu\u00e9 es un archivo JSON?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Un archivo JSON contiene datos estructurados en formato de texto plano, com\u00fanmente utilizado para almacenar configuraciones o intercambiar datos entre sistemas.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfC\u00f3mo se abre un archivo JSON?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Puedes abrir un archivo JSON con editores de texto como Notepad++, Visual Studio Code o herramientas online para visualizarlo de forma estructurada.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfC\u00f3mo abrir un archivo JSON en Excel?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"En Excel, ve a 'Datos' > 'Obtener datos' > 'Desde archivo' > 'Desde JSON', selecciona el archivo y Excel lo convertir\u00e1 en una tabla.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfCu\u00e1les son las ventajas de JSON?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Es ligero, legible por humanos, f\u00e1cil de procesar por m\u00e1quinas y ampliamente compatible con m\u00faltiples lenguajes de programaci\u00f3n.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfEsta herramienta admite archivos JSON grandes?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"S\u00ed, la herramienta est\u00e1 dise\u00f1ada para manejar archivos JSON grandes de forma eficiente. El rendimiento depender\u00e1 de tu dispositivo.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfMis datos est\u00e1n seguros al usar el Formato JSON?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"S\u00ed. Todo el procesamiento se realiza localmente en tu navegador, sin enviar datos a ning\u00fan servidor.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfPuedo validar JSON con esta herramienta?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"S\u00ed. La herramienta valida autom\u00e1ticamente la estructura JSON y te informa si hay errores.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfPuedo descargar el JSON ya formateado?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"S\u00ed. Puedes descargar el archivo formateado en .txt con un solo clic.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfC\u00f3mo aplicar formato JSON?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Pega tu JSON en la herramienta de HakoIT, elige la sangr\u00eda y haz clic en 'Formato JSON' para una salida clara.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfC\u00f3mo embellezco JSON en Python?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Usa json.dumps(data, indent=2) para aplicar sangr\u00eda y mejorar la legibilidad.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfC\u00f3mo mejoro el formato JSON de forma program\u00e1tica?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"En JavaScript usa JSON.stringify(data, null, 2) y en Python json.dumps().\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfC\u00f3mo formatear los datos JSON?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Usa la herramienta de HakoIT, elige el nivel de sangr\u00eda y obtendr\u00e1s una vista legible.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfC\u00f3mo escribir JSON bonito en JavaScript?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"Usa JSON.stringify(data, null, 2) o la herramienta de HakoIT para formateo visual inmediato.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        },<!-- [et_pb_line_break_holder] -->        {<!-- [et_pb_line_break_holder] -->          \"@type\": \"Question\",<!-- [et_pb_line_break_holder] -->          \"name\": \"\u00bfSe puede Formatear JSON en Notepad++?\",<!-- [et_pb_line_break_holder] -->          \"acceptedAnswer\": {<!-- [et_pb_line_break_holder] -->            \"@type\": \"Answer\",<!-- [et_pb_line_break_holder] -->            \"text\": \"S\u00ed, usando el plugin 'JSON Viewer' o nuestra herramienta online sin necesidad de instalar nada.\"<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      ]<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] -->  <\/head><!-- [et_pb_line_break_holder] -->  <body><!-- [et_pb_line_break_holder] -->  <\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_text admin_label=\u00bbFrequently Asked Questions (FAQ)\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h2>Preguntas Frecuentes (FAQ)<\/h2>\n<h3>\u00bfQu\u00e9 es el formato JSON?<\/h3>\n<p>Es un formato de texto usado para representar datos estructurados basado en notaci\u00f3n de objetos de JavaScript.<\/p>\n<h3>\u00bfQu\u00e9 es formato JSON y para qu\u00e9 sirve?<\/h3>\n<p><strong>JSON<\/strong> (JavaScript Object Notation) es un formato ligero de intercambio de datos. Es f\u00e1cil de leer y escribir para los humanos, y sencillo de procesar para las m\u00e1quinas. Se utiliza principalmente para transmitir datos entre un servidor y una aplicaci\u00f3n web, as\u00ed como en respuestas de APIs.<\/p>\n<h3>\u00bfQu\u00e9 es un archivo JSON?<\/h3>\n<p>Un archivo JSON contiene datos estructurados en formato de texto plano, com\u00fanmente utilizado para almacenar configuraciones o intercambiar datos entre sistemas.<\/p>\n<p>\u00bfC\u00f3mo se abre un archivo JSON?<\/p>\n<p>Puedes abrir un archivo JSON con editores de texto como Notepad, Notepad++, Visual Studio Code o herramientas online para visualizarlo de forma estructurada.<\/p>\n<h3>\u00bfEsta herramienta admite archivos JSON grandes?<\/h3>\n<p>S\u00ed, la herramienta est\u00e1 dise\u00f1ada para manejar archivos JSON grandes de forma eficiente. No obstante, el rendimiento puede variar seg\u00fan la capacidad de procesamiento de tu dispositivo en conjuntos de datos extremadamente grandes.<\/p>\n<h3>\u00bfMis datos est\u00e1n seguros al usar el Formato JSON?<\/h3>\n<p>\u00a1Por supuesto! Todo el procesamiento se realiza localmente en tu navegador. Tus datos no se env\u00edan a ning\u00fan servidor, lo que garantiza privacidad y seguridad.<\/p>\n<h3>\u00bfPuedo validar JSON con esta herramienta?<\/h3>\n<p>S\u00ed. La herramienta verifica autom\u00e1ticamente si la estructura del JSON es v\u00e1lida. Si detecta un error, se muestra un mensaje para ayudarte a corregirlo f\u00e1cilmente.<\/p>\n<h3>\u00bfPuedo descargar el JSON ya formateado?<\/h3>\n<p>S\u00ed. Una vez formateado, puedes descargar el archivo en formato\u00a0 <code>.txt<\/code>\u00a0 con un solo clic.<\/p>\n<h3>\u00bfCu\u00e1les son las ventajas de JSON?<\/h3>\n<p>Es ligero, legible por humanos, f\u00e1cil de procesar por m\u00e1quinas y ampliamente compatible con m\u00faltiples lenguajes de programaci\u00f3n.<\/p>\n<h3>\u00bfC\u00f3mo formatear los datos JSON?<\/h3>\n<p>Con el Formateador Moderno de JSON de HakoIT, simplemente pega tu JSON, selecciona la sangr\u00eda (2 o 3 espacios) y haz clic en \u00abFormato JSON\u00bb para obtener una salida clara y legible.<\/p>\n<h3>\u00bfC\u00f3mo aplicar formato JSON en Python?<\/h3>\n<p>Usa <code>json.dumps(data, indent=2)<\/code>\u00a0en Python para formatear JSON con sangr\u00eda. Tambi\u00e9n puedes usar nuestra herramienta de HakoIT para obtener una vista r\u00e1pida y visual.<\/p>\n<h3>\u00bfC\u00f3mo mejoro el formato JSON de forma program\u00e1tica?<\/h3>\n<p>Puedes usar, en JavaScript: <code>JSON.stringify(data, null, 2)<\/code><br \/>En Python:<code>json.dumps()<\/code><br \/>O simplemente usa nuestra herramienta online para resultados inmediatos sin escribir c\u00f3digo.<\/p>\n<h3>\u00bfC\u00f3mo hacer formato JSON?<\/h3>\n<p>Usa el Formato de JSON de HakoIT: pega tu JSON, elige la sangr\u00eda (2 o 3 espacios) y haz clic en \u00abFormatear JSON\u00bb.<\/p>\n<h3>\u00bfC\u00f3mo escribir JSON bonito en JavaScript?<\/h3>\n<p>Utiliza en javascript <code>JSON.stringify(data, null, 2)<\/code>O bien, utiliza el Formateador de JSON de HakoIT para un formateo instant\u00e1neo y visual.<\/p>\n<h3>\u00bfSe puede aplicar Formato JSON en Notepad++?<\/h3>\n<p>S\u00ed, puedes hacerlo usando el plugin \u00abJSON Viewer\u00bb en Notepad++. Como alternativa m\u00e1s r\u00e1pida y sin instalaciones, puedes usar nuestra herramienta online Formato JSON de HakoIT.<\/p>\n<p>[\/et_pb_text][et_pb_text admin_label=\u00bbConclusion\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3><strong>Conclusi\u00f3n<\/strong><\/h3>\n<p>El Formateador y Resaltador de JSON Moderno es una herramienta esencial para cualquiera que trabaje con datos JSON. Ya seas un desarrollador depurando respuestas de una API o un analista de datos manejando conjuntos complejos, esta herramienta te ahorrar\u00e1 tiempo y te ayudar\u00e1 a que tu JSON sea m\u00e1s f\u00e1cil de leer, validar y compartir.<\/p>\n<p>Con un dise\u00f1o limpio, una interfaz intuitiva y funciones poderosas como <strong>copiar al portapapeles<\/strong>, <strong>color en sintaxis<\/strong> y la opci\u00f3n de <strong>descargar resultados<\/strong>, se convierte en el compa\u00f1ero ideal para todo profesional que trabaje con JSON.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_5,1_5,1_5,1_5,1_5&#8243; make_equal=\u00bbon\u00bb admin_label=\u00bbAutor Facu\u00bb _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2023\/03\/Facundo-Capdevila-200.png\u00bb alt=\u00bbFacundo Capdevila\u00bb title_text=\u00bbFacundo Capdevila\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb header_3_font=\u00bb|||||on|||\u00bb header_3_text_align=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<h3 style=\"text-align: center;\">Facundo Capdevila<\/h3>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][et_pb_column type=\u00bb1_5&#8243; _builder_version=\u00bb4.19.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/06\/consultoria-powerapps-1080.jpg\u00bb alt=\u00bbconsultoria powerapps\u00bb title_text=\u00bbconsultoria powerapps\u00bb url=\u00bbhttps:\/\/www.hakoit.com\/servicio-de-consultoria-en-power-apps\/\u00bb url_new_window=\u00bbon\u00bb align=\u00bbcenter\u00bb admin_label=\u00bbads power apps 1080 esp\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Formato JSON Online de HakoIT, es una potente herramienta web dise\u00f1ada para hacer que trabajar con datos JSON sea r\u00e1pido, sencillo y visualmente claro. Ya seas desarrollador, analista de datos o estudiante que trabaja con APIs u otras fuentes de datos JSON, esta herramienta te permite formatear, validar y descargar JSON de forma r\u00e1pida y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":36908,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-36864","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido - Hako IT<\/title>\n<meta name=\"description\" content=\"Formato JSON, Aplica, valida y descarga f\u00e1cilmente datos JSON con formato con una herramienta JSON online r\u00e1pida y gratuita por HakoIT\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hakoit.com\/formato-json\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido - Hako IT\" \/>\n<meta property=\"og:description\" content=\"Formato JSON, Aplica, valida y descarga f\u00e1cilmente datos JSON con formato con una herramienta JSON online r\u00e1pida y gratuita por HakoIT\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hakoit.com\/formato-json\/\" \/>\n<meta property=\"og:site_name\" content=\"Hako IT\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hakoit\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-23T19:44:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/06\/formato-json.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Hako_it\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/\",\"name\":\"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido - Hako IT\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/formato-json.jpg\",\"datePublished\":\"2025-06-25T12:24:19+00:00\",\"dateModified\":\"2026-05-23T19:44:50+00:00\",\"description\":\"Formato JSON, Aplica, valida y descarga f\u00e1cilmente datos JSON con formato con una herramienta JSON online r\u00e1pida y gratuita por HakoIT\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/formato-json.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/formato-json.jpg\",\"width\":1080,\"height\":675,\"caption\":\"formato json\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/formato-json\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hakoit.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#website\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/\",\"name\":\"Hako IT\",\"description\":\"Soluciones de Software: Desarrollo - Consultor\u00eda de IT - Analytics -Marketing Digital. \u2713 Proponemos soluciones\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hakoit.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#organization\",\"name\":\"Hako IT\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Hako-Consultori\u0301a-1.png\",\"contentUrl\":\"https:\\\/\\\/www.hakoit.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/Hako-Consultori\u0301a-1.png\",\"width\":597,\"height\":584,\"caption\":\"Hako IT\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hakoit.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hakoit\\\/\",\"https:\\\/\\\/x.com\\\/Hako_it\",\"https:\\\/\\\/www.instagram.com\\\/hako_it\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@hako-it\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido - Hako IT","description":"Formato JSON, Aplica, valida y descarga f\u00e1cilmente datos JSON con formato con una herramienta JSON online r\u00e1pida y gratuita por HakoIT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hakoit.com\/formato-json\/","og_locale":"es_ES","og_type":"article","og_title":"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido - Hako IT","og_description":"Formato JSON, Aplica, valida y descarga f\u00e1cilmente datos JSON con formato con una herramienta JSON online r\u00e1pida y gratuita por HakoIT","og_url":"https:\/\/www.hakoit.com\/formato-json\/","og_site_name":"Hako IT","article_publisher":"https:\/\/www.facebook.com\/hakoit\/","article_modified_time":"2026-05-23T19:44:50+00:00","og_image":[{"width":1080,"height":675,"url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/06\/formato-json.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@Hako_it","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hakoit.com\/formato-json\/","url":"https:\/\/www.hakoit.com\/formato-json\/","name":"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido - Hako IT","isPartOf":{"@id":"https:\/\/www.hakoit.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hakoit.com\/formato-json\/#primaryimage"},"image":{"@id":"https:\/\/www.hakoit.com\/formato-json\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/06\/formato-json.jpg","datePublished":"2025-06-25T12:24:19+00:00","dateModified":"2026-05-23T19:44:50+00:00","description":"Formato JSON, Aplica, valida y descarga f\u00e1cilmente datos JSON con formato con una herramienta JSON online r\u00e1pida y gratuita por HakoIT","breadcrumb":{"@id":"https:\/\/www.hakoit.com\/formato-json\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hakoit.com\/formato-json\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hakoit.com\/formato-json\/#primaryimage","url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/06\/formato-json.jpg","contentUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2025\/06\/formato-json.jpg","width":1080,"height":675,"caption":"formato json"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hakoit.com\/formato-json\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hakoit.com\/"},{"@type":"ListItem","position":2,"name":"\u27ad Formato JSON Online: Dale Formato, Valida y Descarga tu JSON F\u00e1cil y R\u00e1pido"}]},{"@type":"WebSite","@id":"https:\/\/www.hakoit.com\/#website","url":"https:\/\/www.hakoit.com\/","name":"Hako IT","description":"Soluciones de Software: Desarrollo - Consultor\u00eda de IT - Analytics -Marketing Digital. \u2713 Proponemos soluciones","publisher":{"@id":"https:\/\/www.hakoit.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hakoit.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hakoit.com\/#organization","name":"Hako IT","url":"https:\/\/www.hakoit.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hakoit.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2019\/02\/Hako-Consultori\u0301a-1.png","contentUrl":"https:\/\/www.hakoit.com\/wp-content\/uploads\/2019\/02\/Hako-Consultori\u0301a-1.png","width":597,"height":584,"caption":"Hako IT"},"image":{"@id":"https:\/\/www.hakoit.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hakoit\/","https:\/\/x.com\/Hako_it","https:\/\/www.instagram.com\/hako_it\/","https:\/\/www.youtube.com\/@hako-it"]}]}},"_links":{"self":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages\/36864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/comments?post=36864"}],"version-history":[{"count":1,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages\/36864\/revisions"}],"predecessor-version":[{"id":42311,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/pages\/36864\/revisions\/42311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/media\/36908"}],"wp:attachment":[{"href":"https:\/\/www.hakoit.com\/hako-api\/wp\/v2\/media?parent=36864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}