npm
npmjs.com › package › jsoneditor
jsoneditor - npm
JSON Editor is a web-based tool to view, edit, format, and validate JSON. It has various modes such as a tree editor, a code editor, and a plain text editor. The editor can be used as a component in your own web application.
» npm install jsoneditor
Published Oct 15, 2025
Version 10.4.2
Author Jos de Jong
Repository https://github.com/josdejong/jsoneditor
Homepage https://jsoneditoronline.org
GitHub
github.com › json-editor › json-editor
GitHub - json-editor/json-editor: JSON Schema Based Editor · GitHub
If true, NON required properties will have an extra toggable checkbox near the title that determines if the value must be included or not in the editor´s value ... If true, displays a dialog box with a confirmation message before node deletion. ... The default value of `format` for objects. If set to table for example, objects will use table layout if `format` is not specified. ... Max depth of the nested properties to be rendered of provided json schema.
Starred by 4.9K users
Forked by 703 users
Languages JavaScript 61.9% | HTML 36.2% | CSS 1.9%
Make it TypeScript compatible
I am using typescript in my project and e.g. when I use "createAjvValidator" and pass it a schema, TypeScript complains because due to the comment in the code it thinks there is some JSON type and ... More on github.com
17
It's mid 2018, what editor/IDE best supports Node projects nowadays?
VS Code is a very good environment with integrated debugging and is free.
More on reddit.com 70
32
August 21, 2016Videos
TypeScript
typescriptlang.org › play
TS Playground - An online editor for exploring ...
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.
JSON Editor Online
jsoneditoronline.org › home › parse › json-to-typescript
JSON to TypeScript, 4 different approaches | Indepth
December 23, 2022 - To make this solution work, you have to do some configuration for TypeScript and the build tool that you use, like Vite or Webpack. This makes validation a no-brainer and can be a really smooth solution. Now, there is one caveat to the demonstrated solutions above: they only work for primitive data types supported by JSON: object, array, string, number, boolean, null.
npm
npmjs.com › package › @types › jsoneditor
@types/jsoneditor - npm
TypeScript definitions for jsoneditor. Latest version: 9.9.6, last published: 3 months ago. Start using @types/jsoneditor in your project by running `npm i @types/jsoneditor`. There are 9 other projects in the npm registry using @types/jsoneditor.
» npm install @types/jsoneditor
Published Aug 12, 2025
Version 9.9.6
CodeSandbox
codesandbox.io › s › jsoneditor-react-typescript-2fwsy
JSONEditor + React + TypeScript - CodeSandbox
July 7, 2019 - JSONEditor + React + TypeScript using @types/react-jsonschema-form, mathjs, react, react-dom, react-jsonschema-form, react-scripts-ts
Published Jul 07, 2019
Repository https://codesandbox.io/s/2fwsy
QuickType
quicktype.io › typescript
JSON to TypeScript
$ npm install -g quicktype$ npm install -g quicktypeGenerate TypeScript for a simple JSON sample$ echo '[1, 2, 3.14]' | quicktype --lang ts
JsonFormatter
jsonformatter.org › json-editor
Best JSON Editor Online
JSON Editor Online helps to Edit, View, Analyse JSON data along with formatting JSON data. It's very simple and easy way to Edit JSON Data and Share with others. It's also a JSON File Editor.
JSON Editor Online
jsoneditoronline.org › indepth
Indepth | Learn more about JSON
You can blindly cast the data to your TypeScript model, but there is more to this: ideally you validate your data before casting it. Learn how to go about this. ... The issue originates from using JSON for configuration files, whereas JSON is a data format in the first place. Learn what you can do about it. ... JavaScript's built-in JSON parser can corrupt large numbers. In this article we explain the problem in-depth and show how we solved it in JSON Editor ...
GitHub
github.com › josdejong › svelte-jsoneditor › issues › 19
Make it TypeScript compatible · Issue #19 · josdejong/svelte-jsoneditor
September 2, 2021 - I am using typescript in my project and e.g. when I use "createAjvValidator" and pass it a schema, TypeScript complains because due to the comment in the code it thinks there is some JSON type and my data is not of that type. It would be...
Author apirogov
npm
npmjs.com › package › @types › json-editor
@types/json-editor - npm
November 21, 2023 - TypeScript definitions for json-editor. Latest version: 0.0.10, last published: 2 years ago. Start using @types/json-editor in your project by running `npm i @types/json-editor`. There are 2 other projects in the npm registry using @types/json-editor.
» npm install @types/json-editor
Published Nov 21, 2023
Version 0.0.10
Json-editor
json-editor.github.io › json-editor
JSON Editor Interactive Example
You can also make changes to the JSON here and set the value in the editor by clicking "Update Form" Update Form
Retool
docs.retool.com › build apps › reference › components › text inputs › json editor
JSON Editor | Retool Docs
An interface to edit and validate JSON · All properties for this object with supported data types or values. You can write JavaScript almost anywhere in Retool to manipulate or read property values
JsonFormatter
jsonformatter.org › json-editor › cbe95c
Material JSON
JSON Editor Online helps to Edit, View, Analyse JSON data along with formatting JSON data. It's very simple and easy way to Edit JSON Data and Share with others. It's also a JSON File Editor.
JSON Editor Online
jsoneditoronline.org
JSON Editor Online: edit JSON, format JSON, query JSON
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 beautifying your JSON data to comparing JSON documents or querying your JSON data.
npm
npmjs.com › package › vanilla-jsoneditor
vanilla-jsoneditor - npm
December 10, 2025 - <!doctype html> <html lang="en"> <head> <title>JSONEditor</title> </head> <body> <div id="jsoneditor"></div> <script type="module"> import { createJSONEditor } from 'vanilla-jsoneditor/standalone.js' // Or use it through a CDN (not recommended for use in production): // import { createJSONEditor } from 'https://unpkg.com/vanilla-jsoneditor/index.js' // import { createJSONEditor } from 'https://cdn.jsdelivr.net/npm/vanilla-jsoneditor/index.js' let content = { text: undefined, json: { greeting: 'Hello World' } } const editor = createJSONEditor({ target: document.getElementById('jsoneditor'), pro
» npm install vanilla-jsoneditor
Published Dec 10, 2025
Version 3.11.0
GitHub
github.com › josdejong › jsoneditor
GitHub - josdejong/jsoneditor: A web-based tool to view, edit, format, and validate JSON · GitHub
A web-based tool to view, edit, format, and validate JSON - josdejong/jsoneditor
Starred by 12.2K users
Forked by 2.1K users
Languages JavaScript 87.7% | SCSS 6.7% | HTML 5.6%
Nicedoc
nicedoc.io › josdejong › jsoneditor › docs › usage.md
josdejong/jsoneditor: A web-based tool to view, edit, format, and validate JSON
June 13, 2022 - <div id="jsoneditor" style="width: 400px; height: 400px;"></div> After the page is loaded, load the editor with javascript: var container = document.getElementById("jsoneditor"); var options = { mode: 'tree' }; var editor = new JSONEditor(container, options); To set JSON data in the editor: var json = { "Array": [1, 2, 3], "Boolean": true, "Null": null, "Number": 123, "Object": {"a": "b", "c": "d"}, "String": "Hello World" }; editor.set(json); To get JSON data from the editor: var json = editor.get(); <!DOCTYPE HTML> <html lang="en"> <head> <!-- when using the mode "code", it's important to sp
Yarn
yarnpkg.com › package
Yarn
October 22, 2021 - Yarn is a package manager that doubles down as project manager. Whether you work on simple projects or industry monorepos, whether you're an open source developer or an enterprise user, Yarn has your back · First package manager built specifically around workspaces, Yarn lets you split your ...
Npm
npm.io › search › keyword:jsonEditor
JsonEditor | npm.io
Angular 4 Json Editor (wrapper for jsoneditor). View/Edit Json file with formatting. angular4jsoneditorangular4-jsoneditorng4-jsoneditorangular1.0.7 • Published 8 years ago · A React Typescript wrapper for jsoneditor by josdejong.