<!DOCTYPE html><html lang="en"> <head><!-- Global Metadata --><meta name="viewport" content="width=device-width,initial-scale=1"><meta charset="utf-8"><title>JSON Editor Online: edit JSON, format JSON, query JSON</title><link rel="shortcut icon" type="image/png" href="/favicon.png"><meta name="generator" content="Astro v6.1.1"><!--
      manifest.json provides metadata used when your web app is installed on a
      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
      --><link rel="manifest" href="/manifest.json"><link rel="sitemap" href="/sitemap-index.xml"><link rel="alternate" href="/rss.xml" type="application/rss+xml" title="RSS"><!-- Canonical URL --><link rel="canonical" href="https://jsoneditoronline.org/"><!-- Primary Meta Tags --><meta name="title" content="JSON Editor Online: edit JSON, format JSON, query JSON"><meta name="description" content="JSON Editor Online is the original and most copied JSON Editor on the web. Use it to view, edit, format, repair, compare, query, transform, validate, and share your JSON data."><!-- Structured data --><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://jsoneditoronline.org","url":"https://jsoneditoronline.org","name":"JSON Editor Online: edit JSON, format JSON, query JSON","publisher":{"@id":"https://jsoneditoronline.org"},"inLanguage":"en"}]}</script><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://jsoneditoronline.org/"><meta property="og:title" content="JSON Editor Online: edit JSON, format JSON, query JSON"><meta property="og:description" content="JSON Editor Online is the original and most copied JSON Editor on the web. Use it to view, edit, format, repair, compare, query, transform, validate, and share your JSON data."><meta property="og:image" content="https://jsoneditoronline.org/images/icon_256.png"><!-- WhatsApp --><link rel="image_src" href="https://jsoneditoronline.org/images/icon_256.png"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://jsoneditoronline.org/"><meta property="twitter:title" content="JSON Editor Online: edit JSON, format JSON, query JSON"><meta property="twitter:description" content="JSON Editor Online is the original and most copied JSON Editor on the web. Use it to view, edit, format, repair, compare, query, transform, validate, and share your JSON data."><meta property="twitter:image" content="https://jsoneditoronline.org/images/icon_256.png"><link rel="stylesheet" href="/_astro/schemaUtils.Khbl_YAk.css">
<style>.info[data-astro-cid-j7pv25f6]{color:var(--main-color)}.info[data-astro-cid-j7pv25f6] .section[data-astro-cid-j7pv25f6]{background:var(--main-info-background)}.info[data-astro-cid-j7pv25f6] .section[data-astro-cid-j7pv25f6]:first-child{padding:2em 0}.info[data-astro-cid-j7pv25f6] .section[data-astro-cid-j7pv25f6]:nth-child(2n){background:var(--main-info-nth-section-background)}.info[data-astro-cid-j7pv25f6] .section[data-astro-cid-j7pv25f6] .section-inner[data-astro-cid-j7pv25f6]{max-width:var(--section-max-width);margin:0 auto;padding:0 10px 4em}.info[data-astro-cid-j7pv25f6] .section[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:120%;font-weight:700;color:inherit;margin:0;padding-bottom:0;text-decoration:none}.info[data-astro-cid-j7pv25f6] .news-item[data-astro-cid-j7pv25f6]{border-top:1px solid #e6e6e6}.info[data-astro-cid-j7pv25f6] .date[data-astro-cid-j7pv25f6]{font-size:90%;margin-bottom:calc(2 * var(--main-margin));font-style:italic}.info[data-astro-cid-j7pv25f6] .columns[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:calc(2 * var(--main-margin))}.info[data-astro-cid-j7pv25f6] .columns[data-astro-cid-j7pv25f6] .column[data-astro-cid-j7pv25f6]{overflow:auto;max-width:100%}.info[data-astro-cid-j7pv25f6] .columns[data-astro-cid-j7pv25f6] .column[data-astro-cid-j7pv25f6].left{flex:1;min-width:300px}.info[data-astro-cid-j7pv25f6] .columns[data-astro-cid-j7pv25f6] .column[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6]{background:#f5f5f5;display:block;margin:var(--main-margin) 0}
.fa-icon.svelte-v67cny{display:inline-block;fill:currentColor}.fa-flip-horizontal.svelte-v67cny{transform:scaleX(-1)}.fa-flip-vertical.svelte-v67cny{transform:scaleY(-1)}.fa-spin.svelte-v67cny{animation:svelte-v67cny-fa-spin 1s 0s infinite linear}.fa-inverse.svelte-v67cny{color:#fff}.fa-pulse.svelte-v67cny{animation:svelte-v67cny-fa-spin 1s infinite steps(8)}@keyframes svelte-v67cny-fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
</style>
<link rel="stylesheet" href="/_astro/JSONEditor.BoW5Q3a5.css">
<style>.panel.placeholder{flex:1;display:flex;flex-direction:column}.panel.placeholder .panel-menu{height:42px;background:var(--jeo-theme-color)}.panel.placeholder .panel-contents,.panel.placeholder .panel-contents .jsoneditor-react-container,.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main{flex:1;display:flex}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode{flex:1;display:flex;flex-direction:column;border-bottom:var(--jse-main-border)}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode .jse-menu{height:33px;background:var(--jse-theme-color)}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode .jse-navigation-bar{height:28px;background:var(--jse-panel-background)}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode .jse-contents{flex:1;display:flex;flex-direction:row;border-left:var(--jse-main-border);border-right:var(--jse-main-border);background:var(--jse-background-color)}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode .jse-contents .placeholder-gutter{width:51px;background:var(--jse-panel-background);border-right:var(--jse-panel-border)}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode .jse-contents .placeholder-contents{flex:1;display:flex;flex-direction:column;align-content:center;align-items:center;align-self:center}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode .jse-contents .placeholder-contents .placeholder-loading{display:inline;text-align:center;animation:fadeInAnimation ease 3s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}33%{opacity:0}to{opacity:1}}.panel.placeholder .panel-contents .jsoneditor-react-container .jse-main .jse-text-mode .jse-status-bar{height:22px;background:var(--jse-panel-background);border-top:var(--jse-panel-border);border-left:var(--jse-main-border);border-right:var(--jse-main-border)}.error-boundary{flex:1;padding:10px;color:#ee5341;background:#fff;border:1px solid #ee5341}.panel-actions{display:flex;flex-direction:column;gap:10px}.panel-actions button{background:var(--jeo-button-background);color:var(--jeo-button-color);border:none;border-radius:3px;padding:10px 15px;cursor:pointer;font-family:var(--main-font-family);font-size:var(--main-font-size)}.panel-actions button:hover,.panel-actions button:focus{background:var(--jeo-button-background-highlight)}.panel-actions button{flex:1}.panel-actions .action-group{display:flex;flex-direction:column;border-radius:3px}.panel-actions .action-group .action-group-name{padding:0 0 5px;text-align:center}.panel-actions .action-group .action-buttons{display:flex;gap:5px}.panel-actions .diff-counter{text-align:center;margin:0 0 5px;min-width:100px}.diff-error{color:#ee5341;margin:10px;text-align:center}.subscribe-promo{margin-left:40px;cursor:pointer;padding:0;text-align:center;background:#ee5341;color:#fff}.subscribe-promo.theme{background:var(--jeo-theme-color)}.subscribe-promo.orange{background:orange}.subscribe-promo.red{background:#ee5341}.subscribe-promo.purple{background:#b565da}.subscribe-promo.pink{background:#ff69b4}.subscribe-promo.blue{background:#1e90ff}.subscribe-promo.gray{background:#575757}.subscribe-promo .subscribe-promo-wrapper:hover{background:#ffffff1a}.subscribe-promo .subscribe-promo-wrapper .subscribe-promo-info{display:inline-block;line-height:1.2em}.subscribe-promo .subscribe-promo-wrapper .subscribe-promo-info .subscribe-promo-big{display:block;font-size:200%;white-space:nowrap;font-weight:700;line-height:1.5em}.subscribe-promo-text{padding-left:var(--ad-margin);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.subscribe-promo-text .subscribe-promo-info{display:inline-block;color:#939393;line-height:1.2em}
.button{color:#fff;background:none;border:none;padding:5px var(--main-margin);font-family:var(--main-font-family);font-size:var(--main-font-size);cursor:pointer;text-decoration:none;display:inline-block;height:auto;box-sizing:border-box}.button:hover,.button:focus{background:#fff3}.static-dropdown-button{position:relative}.static-dropdown-button:focus-within .static-dropdown-menu{display:flex;flex-direction:column}.static-dropdown-button .static-dropdown-description{height:auto}.static-dropdown-button .static-dropdown-menu{display:none;position:absolute;white-space:normal;top:100%;right:0;z-index:100;box-shadow:0 0 10px #0003;background:#656565;color:#fff}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button{color:inherit;background:inherit;font-family:inherit;font-size:inherit;width:100%;text-align:left;white-space:nowrap;overflow:hidden;border-radius:0;padding:10px 15px}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button :global(svg.fa-icon){margin-right:10px}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button:hover,.static-dropdown-button .static-dropdown-menu .dropdown-menu-button:focus{background:#7a7a7a}.static-dropdown-button :global(svg.fa-icon){vertical-align:-.125em}.account-menu button.sign-in{background:var(--jeo-button-sign-in-background);color:var(--jeo-button-sign-in-color);border-radius:var(--main-border-radius);font-family:inherit;font-size:inherit}.account-menu button.sign-in:hover{background:var(--jeo-button-sign-in-background-highlight)}.modal.modal-account-details table.properties{border-collapse:collapse;flex:1}.modal.modal-account-details table.properties th,.modal.modal-account-details table.properties td{vertical-align:middle;height:40px}.modal.modal-account-details table.properties th{color:#a8a8a8;font-weight:400;text-align:left;padding-right:20px;width:80px}.modal.modal-account-details table.properties td.space{padding:0}.modal.modal-account-details table.properties td.space .line{border-top:var(--jse-main-border)}.modal.modal-account-details .subscription-details-wrapper{display:flex;flex-direction:column;gap:10px}.modal.modal-account-details .subscription-details{display:flex;flex-direction:row;gap:10px;align-items:center}.modal.modal-account-details .subscription-details svg{align-self:center}.modal.modal-account-details .subscription-changed{display:flex;background:#0000000d;background:#f4e285;padding:10px;border-radius:3px}.modal.modal-account-details .subscription .cancelled{color:#ee5341}.modal.modal-account-details .deleting-account{color:#ee5341;padding-top:10px}.modal.modal-account-details .loading{color:var(--jeo-loading-text-color)}.modal.modal-account-details table.properties th,.modal.modal-account-details table.properties td{vertical-align:top}.modal-foreground.modal-account-details-foreground{width:600px}.modal.modal-sign-in .sign-in-actions{display:flex;flex-direction:column;align-items:center;padding:20px 0}.modal.modal-sign-in .sign-in-actions .modal-button{margin:0;width:100%;max-width:200px}.modal.modal-sign-in .sign-in-actions .sign-in-description{padding:40px 0 5px}.modal.modal-sign-in .sign-in-actions .sign-in-description:first-child{padding-top:0}.modal-foreground.modal-sign-in-foreground{width:300px;max-width:90%}
</style>
<link rel="stylesheet" href="/_astro/PricingPlansModal.HpO8GhEn.css">
<style>.button{color:#fff;background:none;border:none;padding:5px var(--main-margin);font-family:var(--main-font-family);font-size:var(--main-font-size);cursor:pointer;text-decoration:none;display:inline-block;height:auto;box-sizing:border-box}.button:hover,.button:focus{background:#fff3}.static-dropdown-button{position:relative}.static-dropdown-button:focus-within .static-dropdown-menu{display:flex;flex-direction:column}.static-dropdown-button .static-dropdown-description{height:auto}.static-dropdown-button .static-dropdown-menu{display:none;position:absolute;white-space:normal;top:100%;right:0;z-index:100;box-shadow:0 0 10px #0003;background:#656565;color:#fff}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button{color:inherit;background:inherit;font-family:inherit;font-size:inherit;width:100%;text-align:left;white-space:nowrap;overflow:hidden;border-radius:0;padding:10px 15px}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button :global(svg.fa-icon){margin-right:10px}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button:hover,.static-dropdown-button .static-dropdown-menu .dropdown-menu-button:focus{background:#7a7a7a}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button.selected{background:#fff;color:var(--main-color)}.static-dropdown-button .static-dropdown-menu .dropdown-menu-button.selected:hover,.static-dropdown-button .static-dropdown-menu .dropdown-menu-button.selected:focus{background:#f0f0f0}.static-dropdown-button :global(svg.fa-icon){vertical-align:-.125em}.theme-menu .button-group-header{padding:1em 1em .5em;color:#a9a9a9}.theme-menu .jse-theme-color-green svg{color:var(--jeo-theme-color-green)}.theme-menu .jse-theme-color-blue svg{color:var(--jeo-theme-color-blue)}.theme-menu .jse-theme-color-red svg{color:var(--jeo-theme-color-red)}.svg-inline--fa{height:1em;vertical-align:-.125em}
</style>
<link rel="stylesheet" href="/_astro/JSONEditorPanel.DBoSSVKO.css">
<style>.modal.modal-prompt form{display:flex;flex-direction:column;gap:10px}.modal.modal-prompt form .options{display:flex;align-items:center;gap:10px}.modal.modal-prompt form .options select{font-family:inherit;font-size:inherit;background:var(--jse-input-background);color:var(--jse-text-color);border:var(--jse-input-border)}
.modal.modal-configuration h1{margin-bottom:20px}.modal.modal-configuration h2{margin-top:0;padding:20px 0 5px;font-size:100%;font-weight:700}.modal.modal-configuration h2:first-child{padding-top:0}.modal.modal-configuration code{background:var(--jse-modal-code-background);font-family:var(--jse-font-family-mono)}.modal.modal-configuration .columns{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:40px}.modal.modal-configuration .columns .column{flex:1;display:flex;flex-direction:column;gap:10px;min-width:420px}.modal.modal-configuration input.regular{width:auto}.modal.modal-configuration form{display:flex;flex-direction:column;gap:2px;padding:0}.modal.modal-configuration form table{width:auto}.modal.modal-configuration form table tr td{padding:2px 0}.modal.modal-configuration form table tr td.indentation-types{display:flex;gap:10px}.modal.modal-configuration .modal-text{margin:5px 0}.modal.modal-configuration .explanation{display:inline-block;margin-left:5px}.modal.modal-configuration .reload-warning{background:#f4e285;padding:10px;display:flex;align-items:center;gap:10px;border-radius:var(--main-border-radius);margin-top:10px}.modal.modal-configuration .reload-warning .reload-message{flex:1}.modal.modal-configuration .reload-warning .modal-button{margin-left:0}.modal.modal-configuration .preview-container{display:flex;min-width:0;min-height:0;height:400px}.modal-foreground.configuration{width:1080px}
.notification-list{position:absolute;width:0;top:-2px;left:50%;z-index:9999;overflow:visible}.notification-list .notification-list-items{position:absolute;overflow:visible;margin-left:-250px;width:500px;display:flex;flex-wrap:wrap;justify-content:center}.notification-list .notification-list-items .notification{display:inline-block;position:relative;margin:5px 0;padding:6px 10px;min-width:250px;background-color:#f4e285;border-radius:2px;box-shadow:0 0 10px #0003;text-align:center;line-height:1.3em}.notification-list .notification-list-items .notification.closable{padding-right:32px}.notification-list .notification-list-items .notification .close{position:absolute;top:0;right:0;width:24px;height:24px;cursor:pointer;display:inline-block;text-align:center;padding-top:4px}.notification-list .notification-list-items .notification .close:hover{background:#ffffff1a}.notification-list .notification-list-items .notification button.action{border:none;background:transparent;color:#ee5341;text-decoration:underline;font-size:var(--main-font-size);cursor:pointer;display:inline;padding:0;margin:0}.notification-list .notification-list-items .notification button.action:hover,.notification-list .notification-list-items .notification button.action:focus{color:#ec3e2a}.notification-list .notification-list-items .notification.error{background-color:#ee5341;color:#fff}.notification-list .notification-list-items .notification.error .parse-error{text-align:left}.notification-list .notification-list-items .notification.error .parse-error pre{background:#ffffff0d;padding:5px;border-radius:3px;margin:10px 0 5px;overflow:auto}.notification-list .notification-list-items .notification.error .parse-error code{background:inherit}.notification-list .notification-list-items .notification.error .close:hover,.notification-list .notification-list-items .notification.error button.action{color:#fff}.notification-list .notification-list-items .notification.error button.action:hover,.notification-list .notification-list-items .notification.error button.action:focus{color:#f2f2f2}@media(max-width:600px){.notification-list{width:100%;left:0}.notification-list.size-160,.notification-list.size-300{left:0}.notification-list .notification-list-items{margin-left:0;left:20px;right:20px;width:auto}}.ads{position:relative;padding-left:40px}.ads.wide-skyscraper{width:160px;height:600px}.ads.large-skyscraper{width:300px;height:600px}.ads.medium-rectangle{width:300px;height:250px}#pw-oop-right_rail{top:70px!important;right:10px!important;margin-top:0!important}.jeo-react-tooltip{font-size:inherit!important;max-width:400px;opacity:1!important;padding:10px!important;z-index:2;white-space:normal;--rt-color-dark: #4d4d4d}
.modal-background{position:fixed;inset:0;z-index:1000;overflow:auto;background:var(--jeo-modal-overlay-background)}.modal-foreground{position:relative;inset:10% auto auto;background:var(--jeo-background);color:var(--jse-text-color);overflow:auto;-webkit-overflow-scrolling:touch;border-radius:2px;outline:none;padding:20px;z-index:1001;box-sizing:border-box;width:500px;max-width:95%;margin:0 auto;box-shadow:var(--jeo-modal-box-shadow)}.modal{line-height:1.4em}.modal h1{font-size:140%;font-weight:700;margin:0 0 40px;padding:0}.modal a{color:var(--jeo-link-color)}.modal a:hover,.modal a:focus{color:var(--jeo-link-color-highlight)}.modal a:before{content:none}.modal h1 a:before{content:none}.modal .modal-text{margin:10px 0}.modal input.regular,.modal textarea.regular{padding:5px;border-radius:2px;background:var(--jse-input-background);color:var(--jse-text-color);border:var(--jse-input-border);width:100%;box-sizing:border-box;font-size:inherit;font-family:inherit}.modal .modal-share .code{font-family:monospace}.modal input.error{color:#ee5341;border-color:#ee5341}.modal .error-message{color:#ee5341;margin:10px 0}.modal .modal-action-menu{padding:40px 0 0;text-align:right;display:flex;gap:10px}.modal .modal-action-menu .space,.modal .modal-action-space{flex:1}.modal .modal-button{background:var(--jeo-button-background);color:var(--jeo-button-color);border:none;border-radius:3px;padding:10px 15px;cursor:pointer;font-family:var(--main-font-family);font-size:var(--main-font-size)}.modal .modal-button:hover,.modal .modal-button:focus{background:var(--jeo-button-background-highlight)}.modal .modal-button{padding:10px 20px;border:none;border-radius:2px;font-size:14px;white-space:nowrap;cursor:pointer;background:var(--jeo-button-background);color:var(--jeo-button-color)}.modal .modal-button:first-child{margin-left:auto}.modal .modal-button:hover,.modal .modal-button:active{background:var(--jeo-button-background-highlight)}.modal .modal-button.primary{background-color:var(--jeo-theme-color);color:#fff}.modal .modal-button.primary:hover,.modal .modal-button.primary:active{background-color:var(--jeo-theme-color-highlight)}.modal .modal-button.full-width{width:100%}.modal .modal-button.hidden{display:none}.modal .modal-button.danger{background-color:#ee5341;color:#fff}.modal .modal-button.danger:hover,.modal .modal-button.danger:active{background-color:#f27d70}.modal .modal-button.success{background-color:#82b483}.modal .modal-button.success:hover,.modal .modal-button.success:active{background-color:#a2c7a3}.modal .modal-button:disabled,.modal .modal-button:disabled:hover,.modal .modal-button:disabled:active{background-color:var(--jeo-button-background-highlight);color:var(--jse-text-readonly);cursor:not-allowed}
.jsoneditor-react-container{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.jsoneditor-react-container.read-only{--jse-background-color: transparent;--jse-main-border: none}
</style></head> <body> <header class="menu" id="application-menu" data-astro-cid-3ef6ksr2> <nav data-astro-cid-3ef6ksr2> <a class="name" href="/" data-astro-cid-3ef6ksr2> <img src="/images/logo.png" srcset="/images/logo@2x.png 2x" alt="JSON Editor Online" width="200" height="32" class="logo" data-astro-cid-3ef6ksr2> </a> <div class="space" data-astro-cid-3ef6ksr2></div> <label id="hamburger-menu-label" for="hamburger-menu" class="button" title="Toggle main menu" data-astro-cid-3ef6ksr2> <!--[--><svg version="1.1" class="fa-icon  svelte-v67cny" width="14" height="16" aria-label="" role="presentation" viewBox="0 0 448 512" style="" data-astro-cid-3ef6ksr2="true"><!--[--><!--[--><!--[--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!--]--> </label> <input id="hamburger-menu" type="checkbox" data-astro-cid-3ef6ksr2> <div class="menu-button-group" data-astro-cid-3ef6ksr2> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="kkFzj" component-url="/_astro/AccountMenu.DXlLuKwJ.js" component-export="default" renderer-url="/_astro/client.WP1Hyg3-.js" props="{&quot;data-astro-cid-3ef6ksr2&quot;:[0,true]}" ssr client="only" opts="{&quot;name&quot;:&quot;AccountMenu&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island> <astro-island uid="Z1TsqWH" component-url="/_astro/SettingsMenu.CcPN-qEb.js" component-export="default" renderer-url="/_astro/client.WP1Hyg3-.js" props="{&quot;data-astro-cid-3ef6ksr2&quot;:[0,true]}" ssr client="only" opts="{&quot;name&quot;:&quot;SettingsMenu&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island> <script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script><astro-island uid="Z1YhC77" component-url="/_astro/Menu.DNMMKX7f.js" component-export="default" renderer-url="/_astro/client.svelte.B11GVI4q.js" props="{&quot;data-astro-cid-3ef6ksr2&quot;:[0,true]}" ssr client="load" opts="{&quot;name&quot;:&quot;Menu&quot;,&quot;value&quot;:true}" await-children><!--[--><a href="/#/news" class="button news-highlight svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="16" height="16" aria-label="" role="presentation" viewBox="0 0 512 512" style=""><!--[--><!--[--><!--[--><path d="M37.6 4.2C28-2.3 15.2-1.1 7 7S-2.3 28 4.2 37.6l112 163.3-99.6 32.3C6.7 236.4 0 245.6 0 256s6.7 19.6 16.6 22.8l103.1 33.4-52.9 100.6c-4.9 9.3-3.2 20.7 4.3 28.1s18.8 9.2 28.1 4.3l100.6-52.9 33.4 103.1c3.2 9.9 12.4 16.6 22.8 16.6s19.6-6.7 22.8-16.6l33.4-103.1 100.6 52.9c9.3 4.9 20.7 3.2 28.1-4.3s9.2-18.8 4.3-28.1l-52.9-100.6 103.1-33.4c9.9-3.2 16.6-12.4 16.6-22.8s-6.7-19.6-16.6-22.8l-106.5-34.5 25.7-70.4c3.2-8.8 1-18.6-5.6-25.2s-16.4-8.8-25.2-5.6l-70.4 25.7-34.5-106.5C275.6 6.7 266.4 0 256 0s-19.6 6.7-22.8 16.6L200.9 116.2 37.6 4.2z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> News</a> <div class="pricing-menu svelte-1qo109d"><a class="button pricing svelte-1qo109d" href="/pricing/">Pricing</a></div> <div tabindex="-1" class="static-dropdown-button svelte-1qo109d"><button class="button static-dropdown-description svelte-1qo109d">Features <svg version="1.1" class="fa-icon  svelte-v67cny" width="10" height="16" aria-label="" role="presentation" viewBox="0 0 320 512" style=""><!--[--><!--[--><!--[--><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----></button> <div class="static-dropdown-menu svelte-1qo109d"><a href="/features/#editor" class="button dropdown-menu-button svelte-1qo109d">View and edit JSON</a> <a href="/features/#formatter" class="button dropdown-menu-button svelte-1qo109d">Format JSON</a> <a href="/features/#query" class="button dropdown-menu-button svelte-1qo109d">Query and transform JSON</a> <a href="/features/#compare" class="button dropdown-menu-button svelte-1qo109d">Compare JSON</a> <a href="/features/#repair" class="button dropdown-menu-button svelte-1qo109d">Repair JSON</a> <a href="/features/#validate" class="button dropdown-menu-button svelte-1qo109d">Validate JSON</a> <a href="/features/#share" class="button dropdown-menu-button svelte-1qo109d">Share JSON</a> <a href="/docs/#export-to-csv" class="button dropdown-menu-button svelte-1qo109d">JSON to CSV converter</a> <a href="/docs/#import-csv" class="button dropdown-menu-button svelte-1qo109d">CSV to JSON converter</a> <a href="/features/#large-documents" class="button dropdown-menu-button svelte-1qo109d">Process large JSON files</a> <a href="/features/#offline-support" class="button dropdown-menu-button svelte-1qo109d">Offline JSON editor</a></div></div> <div tabindex="-1" class="static-dropdown-button svelte-1qo109d"><button class="button static-dropdown-description svelte-1qo109d">Help <svg version="1.1" class="fa-icon  svelte-v67cny" width="10" height="16" aria-label="" role="presentation" viewBox="0 0 320 512" style=""><!--[--><!--[--><!--[--><path d="M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----></button> <div class="static-dropdown-menu svelte-1qo109d"><a id="news" href="/#/news" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="16" height="16" aria-label="" role="presentation" viewBox="0 0 512 512" style=""><!--[--><!--[--><!--[--><path d="M37.6 4.2C28-2.3 15.2-1.1 7 7S-2.3 28 4.2 37.6l112 163.3-99.6 32.3C6.7 236.4 0 245.6 0 256s6.7 19.6 16.6 22.8l103.1 33.4-52.9 100.6c-4.9 9.3-3.2 20.7 4.3 28.1s18.8 9.2 28.1 4.3l100.6-52.9 33.4 103.1c3.2 9.9 12.4 16.6 22.8 16.6s19.6-6.7 22.8-16.6l33.4-103.1 100.6 52.9c9.3 4.9 20.7 3.2 28.1-4.3s9.2-18.8 4.3-28.1l-52.9-100.6 103.1-33.4c9.9-3.2 16.6-12.4 16.6-22.8s-6.7-19.6-16.6-22.8l-106.5-34.5 25.7-70.4c3.2-8.8 1-18.6-5.6-25.2s-16.4-8.8-25.2-5.6l-70.4 25.7-34.5-106.5C275.6 6.7 266.4 0 256 0s-19.6 6.7-22.8 16.6L200.9 116.2 37.6 4.2z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> News</a> <a href="/docs/" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="14" height="16" aria-label="" role="presentation" viewBox="0 0 448 512" style=""><!--[--><!--[--><!--[--><path d="M384 512L96 512c-53 0-96-43-96-96L0 96C0 43 43 0 96 0L400 0c26.5 0 48 21.5 48 48l0 288c0 20.9-13.4 38.7-32 45.3l0 66.7c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0zM96 384c-17.7 0-32 14.3-32 32s14.3 32 32 32l256 0 0-64-256 0zm32-232c0 13.3 10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0c-13.3 0-24 10.7-24 24zm24 72c-13.3 0-24 10.7-24 24s10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> Docs</a> <a href="/indepth/" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="14" height="16" aria-label="" role="presentation" viewBox="0 0 448 512" style=""><!--[--><!--[--><!--[--><path d="M384 512L96 512c-53 0-96-43-96-96L0 96C0 43 43 0 96 0L400 0c26.5 0 48 21.5 48 48l0 288c0 20.9-13.4 38.7-32 45.3l0 66.7c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0zM96 384c-17.7 0-32 14.3-32 32s14.3 32 32 32l256 0 0-64-256 0zm32-232c0 13.3 10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0c-13.3 0-24 10.7-24 24zm24 72c-13.3 0-24 10.7-24 24s10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> Knowledge base</a> <a href="/pricing/" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="10" height="16" aria-label="" role="presentation" viewBox="0 0 320 512" style=""><!--[--><!--[--><!--[--><path d="M136 24c0-13.3 10.7-24 24-24s24 10.7 24 24l0 40 56 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-114.9 0c-24.9 0-45.1 20.2-45.1 45.1 0 22.5 16.5 41.5 38.7 44.7l91.6 13.1c53.8 7.7 93.7 53.7 93.7 108 0 60.3-48.9 109.1-109.1 109.1l-10.9 0 0 40c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-40-72 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l130.9 0c24.9 0 45.1-20.2 45.1-45.1 0-22.5-16.5-41.5-38.7-44.7l-91.6-13.1C55.9 273.5 16 227.4 16 173.1 16 112.9 64.9 64 125.1 64l10.9 0 0-40z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> Pricing</a> <a href="/pricing/" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="16" height="16" aria-label="" role="presentation" viewBox="0 0 512 512" style=""><!--[--><!--[--><!--[--><path d="M367.2 412.5L99.5 144.8c-22.4 31.4-35.5 69.8-35.5 111.2 0 106 86 192 192 192 41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3c22.4-31.4 35.5-69.8 35.5-111.2 0-106-86-192-192-192-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM0 256a256 256 0 1 1 512 0 256 256 0 1 1 -512 0z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> Remove ads</a> <a id="faq" href="/#/faq" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="16" height="16" aria-label="" role="presentation" viewBox="0 0 512 512" style=""><!--[--><!--[--><!--[--><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-336c-17.7 0-32 14.3-32 32 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-44.2 35.8-80 80-80s80 35.8 80 80c0 47.2-36 67.2-56 74.5l0 3.8c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-8.1c0-20.5 14.8-35.2 30.1-40.2 6.4-2.1 13.2-5.5 18.2-10.3 4.3-4.2 7.7-10 7.7-19.6 0-17.7-14.3-32-32-32zM224 368a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> FAQ</a> <a id="about" href="/#/about" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="16" height="16" aria-label="" role="presentation" viewBox="0 0 512 512" style=""><!--[--><!--[--><!--[--><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> About</a> <a href="/feedback/" class="button dropdown-menu-button svelte-1qo109d"><svg version="1.1" class="fa-icon  svelte-v67cny" width="16" height="16" aria-label="" role="presentation" viewBox="0 0 512 512" style=""><!--[--><!--[--><!--[--><path d="M512 240c0 132.5-114.6 240-256 240-37.1 0-72.3-7.4-104.1-20.7L33.5 510.1c-9.4 4-20.2 1.7-27.1-5.8S-2 485.8 2.8 476.8l48.8-92.2C19.2 344.3 0 294.3 0 240 0 107.5 114.6 0 256 0S512 107.5 512 240z"></path><!--]--><!--[--><!--]--><!--[-1--><!--]--><!--]--><!--]--></svg><!----> Feedback</a></div></div><!--]--><!--astro:end--></astro-island> <div class="ad-margin" data-astro-cid-3ef6ksr2> <a class="remove-ads" href="/pricing/" data-astro-cid-3ef6ksr2>Remove ads for $2</a> </div> </div> </nav> </header>  <main class="app" data-astro-cid-j7pv25f6> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root" data-astro-cid-j7pv25f6> <astro-island uid="1u3EPg" component-url="/_astro/App.DNX59wMY.js" component-export="default" renderer-url="/_astro/client.WP1Hyg3-.js" props="{&quot;data-astro-cid-j7pv25f6&quot;:[0,true]}" ssr client="only" opts="{&quot;name&quot;:&quot;App&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island> </div> <script type="module">const e=localStorage.theme==='"dark"'||localStorage.theme==='"auto"'&&window.matchMedia("(prefers-color-scheme: dark)").matches,t=document.getElementById("root");t&&(t.style.background=e?"#2f2f2f":"#f5f5f5",document.body.classList.toggle("jse-theme-light",!e),document.body.classList.toggle("jse-theme-dark",e));</script> <div class="info" data-astro-cid-j7pv25f6> <div class="section" data-astro-cid-j7pv25f6> <div class="section-inner" data-astro-cid-j7pv25f6> <h1 data-astro-cid-j7pv25f6>JSON Editor Online</h1> <p data-astro-cid-j7pv25f6>
JSON Editor Online is the original and most copied JSON Editor on the web. Use it to
            view, edit, format, repair, compare, query, transform, validate, and share your JSON
            data.
</p> </div> </div> <div class="section" data-astro-cid-j7pv25f6> <div class="section-inner" data-astro-cid-j7pv25f6> <h2 data-id="about" data-astro-cid-j7pv25f6>About JSON Editor Online</h2> <p data-astro-cid-j7pv25f6>
JSON Editor Online is a versatile, high quality tool to edit and process your JSON data.
            It is one of the best and most popular tools around, has a high user satisfaction, and
            is completely free. The editor offers all your need in one place: from formatting and
<a href="/indepth/beautify/beautify-json/" data-astro-cid-j7pv25f6>beautifying your JSON data</a>
to comparing JSON documents or querying your JSON data.
<a href="https://www.json.org/" target="_blank" data-astro-cid-j7pv25f6>JSON</a> is the most used data format between
            servers and browser, and JSON Editor Online is an indispensable tool for frontend and backend
            developers working with JSON data in their daily life.
</p> <p data-astro-cid-j7pv25f6>
JSON Editor Online is developed and maintained by
<a href="https://github.com/josdejong/" target="_blank" data-astro-cid-j7pv25f6>Jos de Jong</a>, an
            enthusiastic, passionate senior software engineer with 20+ years of experience in the
            field. Jos created the editor out of personal needs, working with JSON based API's and
            databases on a daily basis as a full-stack engineer.
</p> <p data-astro-cid-j7pv25f6>
JSON Editor Online offers the following
<a href="/features/" data-astro-cid-j7pv25f6>features</a>:
</p> <ul data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <a href="/features/#editor" data-astro-cid-j7pv25f6>Online JSON editor and JSON viewer</a> </li> <li data-astro-cid-j7pv25f6> <a href="/docs/#modes" data-astro-cid-j7pv25f6>Text mode, tree mode, and table mode</a> </li> <li data-astro-cid-j7pv25f6> <a href="/features/#formatter" data-astro-cid-j7pv25f6>JSON formatter and JSON beautifier</a> </li> <li data-astro-cid-j7pv25f6><a href="/features/#query" data-astro-cid-j7pv25f6>Query and transform JSON</a></li> <li data-astro-cid-j7pv25f6><a href="/features/#compare" data-astro-cid-j7pv25f6>Compare JSON documents</a></li> <li data-astro-cid-j7pv25f6><a href="/features/#repair" data-astro-cid-j7pv25f6>Repair JSON documents</a></li> <li data-astro-cid-j7pv25f6><a href="/features/#validate" data-astro-cid-j7pv25f6>JSON Schema validation</a></li> <li data-astro-cid-j7pv25f6> <a href="/features/#share" data-astro-cid-j7pv25f6>Load, save and share JSON online</a> </li> <li data-astro-cid-j7pv25f6> <a href="/docs/#export-to-csv" data-astro-cid-j7pv25f6>JSON to CSV converter</a> </li> <li data-astro-cid-j7pv25f6> <a href="/docs/#import-csv" data-astro-cid-j7pv25f6>CSV to JSON converter</a> </li> <li data-astro-cid-j7pv25f6> <a href="/features/#large-documents" data-astro-cid-j7pv25f6>Process large JSON files</a> </li> <li data-astro-cid-j7pv25f6> <a href="/features/#offline-support" data-astro-cid-j7pv25f6>Offline JSON Editor</a> </li> </ul> <p data-astro-cid-j7pv25f6>Current version: 7.14.2</p> </div> </div> <div class="section" data-astro-cid-j7pv25f6> <div class="section-inner" data-astro-cid-j7pv25f6> <h2 data-id="news" data-astro-cid-j7pv25f6>News</h2> <h3 class="news-item" data-astro-cid-j7pv25f6>New buttons "Expand All" and "Collapse All" in text mode</h3> <div class="date" data-astro-cid-j7pv25f6>2025-09-24</div> <div class="columns" data-astro-cid-j7pv25f6> <div class="column left" data-astro-cid-j7pv25f6> <p data-astro-cid-j7pv25f6>
The <code data-astro-cid-j7pv25f6>text</code> mode of JSON Editor Online now has two new buttons: "Expand All"
                and "Collapse All", just like <code data-astro-cid-j7pv25f6>tree</code> mode.
</p> <p data-astro-cid-j7pv25f6>
This can help navigating large, deeply nested documents a lot: click collapse all,
                and then explore the document by expanding the nodes you're interested in. Or use
                the search box to find the parts you're looking for and navigate to them.
</p> </div> <div class="column right" data-astro-cid-j7pv25f6> <img alt="Text mode now has two new buttons 'Expand All' and 'Collapse All'" src="/images/news/textmode-expand-collapse-all.png" width="435" height="206" loading="lazy" data-astro-cid-j7pv25f6> </div> </div> <h3 class="news-item" data-astro-cid-j7pv25f6>Happy New Year to all of you!</h3> <div class="date" data-astro-cid-j7pv25f6>2024-12-18</div> <div class="columns" data-astro-cid-j7pv25f6> <div class="column left" data-astro-cid-j7pv25f6> <p data-astro-cid-j7pv25f6>
JSON Editor Online has seen a steady growth in usage over the past year. Thanks for
                all your support and feedback!
</p> <p data-astro-cid-j7pv25f6> <a href="/indepth/other/happy-new-year-2025/" target="_blank" data-astro-cid-j7pv25f6>See what happened this year.</a> </p> </div> <div class="column right" data-astro-cid-j7pv25f6> <img alt="Happy new year" src="/images/news/happy-new-year-small.webp" width="400" height="267" loading="lazy" data-astro-cid-j7pv25f6> </div> </div> <h3 class="news-item" data-astro-cid-j7pv25f6>Keep history after switching mode</h3> <div class="date" data-astro-cid-j7pv25f6>2024-11-27</div> <div class="columns" data-astro-cid-j7pv25f6> <div class="column left" data-astro-cid-j7pv25f6> <p data-astro-cid-j7pv25f6>
When switching between the modes <code data-astro-cid-j7pv25f6>text</code>, <code data-astro-cid-j7pv25f6>tree</code>, and <code data-astro-cid-j7pv25f6>table</code>, the editor no longer resets the history (undo/redo). This may look like a minor
                improvement, but it has a lot of effect! It means that you no longer have to worry
                about accidentally losing history whilst editing a document and "just" switching to
                another view to inspect something.
</p> </div> <div class="column right" data-astro-cid-j7pv25f6> <img alt="Switch query language" src="/images/news/keep_history.png" width="411" height="83" loading="lazy" data-astro-cid-j7pv25f6> </div> </div> <h3 class="news-item" data-astro-cid-j7pv25f6>New query languages</h3> <div class="date" data-astro-cid-j7pv25f6>2024-09-27</div> <div class="columns" data-astro-cid-j7pv25f6> <div class="column left" data-astro-cid-j7pv25f6> <p data-astro-cid-j7pv25f6>
The editor now has support for two new query languages:
<a href="https://jsonquerylang.org/" target="_blank" data-astro-cid-j7pv25f6>JSON Query</a>
and <a href="https://github.com/JSONPath-Plus/JSONPath" target="_blank" rel="noreferrer" data-astro-cid-j7pv25f6>JSONPath-Plus</a>. JSON Query is the new default language, you can read more about it in the article
<a href="/indepth/query/jsonquery" target="_blank" data-astro-cid-j7pv25f6>"A small, flexible, and expandable JSON query language"</a>. The query languages can be selected via the gear icon in the top right corner of
                the <a href="/docs/#transform" target="_blank" data-astro-cid-j7pv25f6>Transform Modal</a>.
</p> </div> <div class="column right" data-astro-cid-j7pv25f6> <img alt="Switch query language" src="/images/news/transform_switch_query_language.png" width="226" height="211" loading="lazy" data-astro-cid-j7pv25f6> </div> </div> <h3 class="news-item" data-astro-cid-j7pv25f6>Search and Replace in Table mode</h3> <div class="date" data-astro-cid-j7pv25f6>2024-03-13</div> <div class="columns" data-astro-cid-j7pv25f6> <div class="column left" data-astro-cid-j7pv25f6> <p data-astro-cid-j7pv25f6>
The <code data-astro-cid-j7pv25f6>table</code> mode has become a lot more powerful today: it now has a search
                and replace feature just like <code data-astro-cid-j7pv25f6>tree</code> mode.
</p> </div> <div class="column right" data-astro-cid-j7pv25f6> <img alt="Smart JSON Formatting" src="/images/news/table_mode_search_and_replace.png" width="596" height="292" loading="lazy" data-astro-cid-j7pv25f6> </div> </div> <h3 class="news-item" data-astro-cid-j7pv25f6>Smart JSON Formatting</h3> <div class="date" data-astro-cid-j7pv25f6>2024-02-20</div> <div class="columns" data-astro-cid-j7pv25f6> <div class="column left" data-astro-cid-j7pv25f6> <p data-astro-cid-j7pv25f6>
JSON Editor Online introduces a new feature:
<a href="/indepth/beautify/smart-json-formatting/" data-astro-cid-j7pv25f6>Smart JSON Formatting</a>,
                available in <code data-astro-cid-j7pv25f6>text</code> mode. This is a new way to format JSON data in a readable
                but more compact way.
</p> </div> <div class="column right" data-astro-cid-j7pv25f6> <img alt="Smart JSON Formatting" src="/images/news/smart_json_formatting.png" width="549" height="351" loading="lazy" data-astro-cid-j7pv25f6> </div> </div> <h3 class="news-item" data-astro-cid-j7pv25f6>Changelog</h3> <p data-astro-cid-j7pv25f6>
Want to know more? An overview describing the full history is available in the
<a href="/changelog/" data-astro-cid-j7pv25f6>Changelog</a>.
</p> </div> </div> <div class="section faq" data-astro-cid-j7pv25f6> <div class="section-inner" data-astro-cid-j7pv25f6> <h2 data-id="faq" data-astro-cid-j7pv25f6>Frequently asked questions (FAQ)</h2> <h3 data-astro-cid-j7pv25f6>How do I edit a JSON file?</h3> <p data-astro-cid-j7pv25f6>
Copy and paste your JSON file in the JSON editor, or load it from disk via the menu or
            via drag-and-drop. Then, you can edit the contents similar to how you use any text
            editor: enter new content with your keyboard, and right-click to open a context menu
            with actions like copy/paste, insert, remove. You can learn more in the
<a href="/docs/" data-astro-cid-j7pv25f6>Documentation</a>.
</p> <h3 data-astro-cid-j7pv25f6>How do I format a JSON file?</h3> <p data-astro-cid-j7pv25f6>
You can use the editor as a json formatter. In code mode, you can paste a JSON file in
            the editor, and click the "Format" button from the menu. In tree mode, you can just
            paste the file and copy it again: the contents will automatically be formatted.
            Alternatively, you can also use the "Copy formatted" button from the menu to be done in
            one click. <a href="/docs/#format" data-astro-cid-j7pv25f6>Read more.</a> </p> <h3 data-astro-cid-j7pv25f6> <a href="/indepth/beautify/beautify-json/" data-astro-cid-j7pv25f6>How do I beautify JSON data?</a> </h3> <p data-astro-cid-j7pv25f6>
Format JSON is the same as beautify JSON : you make your JSON file readable by styling
            it with white spacing, newlines, and indentation. In short: paste your JSON file, then
            click the "Format" button in code mode, or select "Copy formatted" from the menu. This
            is how you make your JSON pretty.
<a href="/docs/#format" data-astro-cid-j7pv25f6>Read more.</a> </p> <h3 data-astro-cid-j7pv25f6>Can I use JSON editor as a JSON cleaner?</h3> <p data-astro-cid-j7pv25f6>
Yes, definitely! Cleaning JSON is the same as "beautifying" or "formatting" JSON: you
            make the JSON data neatly readable. So you can use JSON Editor Online as a JSON cleaner
            by opening your document and then clicking the "Format" button.
</p> <h3 data-astro-cid-j7pv25f6>How do I query JSON data?</h3> <p data-astro-cid-j7pv25f6>
You can query JSON data by clicking the "Transform" button from the menu or between the
            two panels. This will open a modal where you can write a query, see a preview, and then
            transform JSON data. <a href="/docs/#transform" data-astro-cid-j7pv25f6>Read more.</a> </p> <h3 data-astro-cid-j7pv25f6>How do I compare JSON files?</h3> <p data-astro-cid-j7pv25f6>
You can compare JSON files by opening them in the left and right panel of the editor.
            Click the "Compare" button in the "Differences" section between the two panels, and make
            sure you switch both panels to "Tree" mode. All JSON differences will be highlighted.
<a href="/docs/#compare" data-astro-cid-j7pv25f6>Read more.</a> </p> <h3 data-astro-cid-j7pv25f6>How do I repair JSON data?</h3> <p data-astro-cid-j7pv25f6>
Just drop your data in JSON Editor Online. In many cases it will automatically repair
            the data for you, and if not possible, it will point you to the place where the issue is
            and assist you with repairing it.
<a href="/docs/#repair" data-astro-cid-j7pv25f6>Read more.</a> </p> <h3 data-astro-cid-j7pv25f6>How do I fix JSON format errors?</h3> <p data-astro-cid-j7pv25f6>
Open your JSON file in JSON Editor Online, then click the "Format" button from the menu
            when in <code data-astro-cid-j7pv25f6>text</code> mode. Read more in
<a href="/docs/#format" data-astro-cid-j7pv25f6>the docs about JSON repair</a>, or read more about
<a href="/indepth/parse/fix-json/" data-astro-cid-j7pv25f6>common JSON issues and how to fix them</a>.
</p> <h3 data-astro-cid-j7pv25f6>How do I check if a JSON file is valid?</h3> <p data-astro-cid-j7pv25f6>
Simply open the JSON file in JSON Editor Online to see if the document itself is valid.
            If not, the editor will point out the error and if possible offer to
<a href="/docs/#repair" data-astro-cid-j7pv25f6>auto-repair the document</a>.
</p> <h3 data-astro-cid-j7pv25f6>What is a JSON validator?</h3> <p data-astro-cid-j7pv25f6>
A JSON validator verifies whether your JSON document adheres to the
<a href="https://www.ecma-international.org/publications-and-standards/standards/ecma-404/" data-astro-cid-j7pv25f6>JSON specification</a>. On top of this, you can use a JSON schema validator to
<a href="/docs/#validate" data-astro-cid-j7pv25f6>validate</a> whether the contents of your document adheres to a
            specified schema.
</p> <h3 data-astro-cid-j7pv25f6>What is a JSON beautifier and validator?</h3> <p data-astro-cid-j7pv25f6> <a href="/indepth/beautify/beautify-json/" data-astro-cid-j7pv25f6>Beautifying JSON</a>
is neatly formatting its contents with indentation and new lines to make it better readable.
            Software developers often validate JSON and then
<a href="/docs/#format" data-astro-cid-j7pv25f6>format</a> it in one go in order to inspect the document.
</p> <h3 data-astro-cid-j7pv25f6>Why use the editor as a JSON Validator?</h3> <p data-astro-cid-j7pv25f6>
Using an online JSON editor is useful for validating,
<a href="/docs/#repair" data-astro-cid-j7pv25f6>repairing</a>,
<a href="/docs/#format" data-astro-cid-j7pv25f6>formatting</a>, and
<a href="/docs/#transform" data-astro-cid-j7pv25f6>querying</a> JSON data on the fly. When working with JSON configuration
            files in a project though, it may be handier to use your own IDE. There are
<a href="/indepth/tools/4-handy-categories-of-json-tools/" data-astro-cid-j7pv25f6>various categories of JSON tools</a>, each with their pros and cons. What is best to use depends on your use case.
</p> <h3 data-astro-cid-j7pv25f6>How do I validate my JSON data against a JSON Schema?</h3> <p data-astro-cid-j7pv25f6>
Open your JSON file in the editor. From the menu, select "Options", "JSON Schema". A
            modal will open where you can configure your JSON schema.
<a href="/docs/#validate" data-astro-cid-j7pv25f6>Read more.</a> </p> <h3 data-astro-cid-j7pv25f6>How can I convert JSON to CSV?</h3> <p data-astro-cid-j7pv25f6>
Open your JSON file in the editor. From the menu, select "Save", "Export to CSV". A
            modal will open where you see a preview and can save the CSV data as file or copy it to
            your clipboard. <a href="/docs/#export-to-csv" data-astro-cid-j7pv25f6>Read more.</a> </p> <h3 data-astro-cid-j7pv25f6>What is the best JSON editor?</h3> <p data-astro-cid-j7pv25f6>
A survey shows that 85% of the people using JSON Editor Online are highly satisfied with
            it. They are overwhelmingly positive and call it the best JSON formatter and editor.
            They are very positive about the quality of the all-in-one editor, which has proven
            itself useful for millions of users for more than 10 years already. People also love the
            fact that this is a free JSON editor.
</p> <h3 data-astro-cid-j7pv25f6>What is the best JSON formatter?</h3> <p data-astro-cid-j7pv25f6>
This question is more or less the same as the previous question "What is the best JSON
            editor?". JSON Editor Online is also a JSON formatter and JSON beautifier. Formatting is
            just one of the many features it offers.
</p> <h3 data-astro-cid-j7pv25f6>Are JSON Formatters safe?</h3> <p data-astro-cid-j7pv25f6>
In general, yes, you don't have to worry.
<a href="/" data-astro-cid-j7pv25f6>JSON Editor Online</a> takes all possible measures: it enforces a secure HTTPS
            connection and keeps all used software actively up to date. All you do stays inside your browser,
            and no data is shared anywhere except when you save a document in the cloud. Cloud documents
            are publicly accessible for anyone who has the document id, so make sure you do not save documents
            with sensitive information in the cloud.
</p> <h3 data-astro-cid-j7pv25f6>Does it have a dark mode?</h3> <p data-astro-cid-j7pv25f6>
Yes! JSON Editor Online has a light mode and a dark mode. You can toggle this in the
            main menu on top.
</p> <h3 data-astro-cid-j7pv25f6>Can I open large JSON files?</h3> <p data-astro-cid-j7pv25f6>Yes! JSON Editor Online can work with large files up to 512 MB &#x1f680;.</p> <h3 data-astro-cid-j7pv25f6>Can I save documents privately in the cloud?</h3> <p data-astro-cid-j7pv25f6>
Yes. When you have an active <a href="/pricing/" data-astro-cid-j7pv25f6>subscription</a>, you can save private
            documents in the cloud. A private document is only accessible to its owner (you), when
            you are logged in.
</p> </div> </div> </div> </main> <script type="module">"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js");</script>  <footer data-astro-cid-sz7xmlte> <div class="column" data-astro-cid-sz7xmlte> <h2 data-astro-cid-sz7xmlte>Attribution</h2> <p data-astro-cid-sz7xmlte>
This web application is made possible thanks to many open source projects ❤️, most notably:
<a href="https://github.com/josdejong/svelte-jsoneditor" target="_blank" data-astro-cid-sz7xmlte>svelte-jsoneditor</a>, <a href="https://codemirror.net" target="_blank" data-astro-cid-sz7xmlte>CodeMirror</a>,
<a href="https://ajv.js.org" target="_blank" data-astro-cid-sz7xmlte>Ajv JSON Schema validator</a>,
<a href="https://www.npmjs.com/package/diff-sequences" target="_blank" data-astro-cid-sz7xmlte>diff-sequences</a>,
<a href="https://lodash.com" target="_blank" data-astro-cid-sz7xmlte>Lodash</a>,
<a href="https://jsonquerylang.org/" target="_blank" data-astro-cid-sz7xmlte>JSONQuery</a>,
<a href="https://jmespath.org" target="_blank" data-astro-cid-sz7xmlte>JMESPath</a>,
<a href="https://github.com/JSONPath-Plus/JSONPath" target="_blank" data-astro-cid-sz7xmlte>JSONPath-Plus</a>,
<a href="https://vanilla-picker.js.org" target="_blank" data-astro-cid-sz7xmlte>vanilla-picker</a>,
<a href="https://github.com/josdejong/jsonrepair" target="_blank" data-astro-cid-sz7xmlte>jsonrepair</a>,
<a href="https://github.com/josdejong/lossless-json" target="_blank" data-astro-cid-sz7xmlte>lossless-json</a>,
<a href="https://github.com/j-brooke/FracturedJsonJs" target="_blank" data-astro-cid-sz7xmlte>FracturedJsonJs</a>,
<a href="https://github.com/josdejong/csv42" target="_blank" data-astro-cid-sz7xmlte>csv42</a>,
<a href="https://fontawesome.com" target="_blank" data-astro-cid-sz7xmlte>Font Awesome</a>,
<a href="https://svelte.dev" target="_blank" data-astro-cid-sz7xmlte>Svelte</a>,
<a href="https://reactjs.org" target="_blank" data-astro-cid-sz7xmlte>React</a>,
<a href="https://vitejs.dev" target="_blank" data-astro-cid-sz7xmlte>Vite</a>,
<a href="https://astro.build" target="_blank" data-astro-cid-sz7xmlte>AstroJS</a>.
</p> </div> <div class="column" data-astro-cid-sz7xmlte> <h2 data-astro-cid-sz7xmlte>Data policy</h2> <p data-astro-cid-sz7xmlte>
Locally saved documents are not shared anywhere. Private cloud documents are only accessible
      to the owner when logged in. Public cloud documents are accessible for anyone who has the
      document id.
</p> <p data-astro-cid-sz7xmlte>DO NOT SAVE SENSITIVE DATA PUBLICLY IN THE CLOUD</p> </div> <div class="column" data-astro-cid-sz7xmlte> <h2 data-astro-cid-sz7xmlte>Privacy policy</h2> <p data-astro-cid-sz7xmlte>
If you have a <a href="/pricing/" data-astro-cid-sz7xmlte>subscription</a>, this site is 100% free of ads, cookies,
      and tracking. Who doesn't like privacy? :)
</p> <p data-astro-cid-sz7xmlte>
Without <a href="/pricing/" data-astro-cid-sz7xmlte>subscription</a>, this site uses cookies and similar tracking
      technologies such as the Common ID cookie to provide its services.
<a href="/privacy-policy/" target="_blank" data-astro-cid-sz7xmlte>Click here for information or to opt out</a>.
</p> </div> <div class="column" data-astro-cid-sz7xmlte> <h2 data-astro-cid-sz7xmlte>Advertising</h2> <p data-astro-cid-sz7xmlte>
For any advertising inquiries please contact
<a href="mailto:sales@playwire.com" data-astro-cid-sz7xmlte>sales@playwire.com</a>.
</p> </div> </footer> <footer data-astro-cid-sz7xmlte> <div data-astro-cid-sz7xmlte>
JSON Editor Online 7.14.2 - Copyright © 2011-2026 - Jos de Jong -
<a href="mailto:info@jsoneditoronline.org" data-astro-cid-sz7xmlte>info@jsoneditoronline.org</a> </div> </footer> </body></html>