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
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 Online...
Videos
What is JSON Editor?
JSON Editor (jsoneditor.io) is a free online tool for editing, formatting, validating, and converting JSON data. It provides a VS Code-like editing experience with Monaco Editor, offering syntax highlighting, real-time error detection, auto-completion, and AI-powered assistance. Unlike desktop applications, it runs entirely in your browser with no installation required.
jsoneditor.io
jsoneditor.io › home
JSON Editor Online - Free JSON Formatter, Validator & Converter ...
Is JSON Editor free to use?
Yes, jsoneditor.io is completely free to use with no signup, registration, or credit card required. All features including JSON formatting, validation, minification, and conversion to YAML/CSV/TypeScript are available at no cost. There are no usage limits or premium tiers.
jsoneditor.io
jsoneditor.io › home
JSON Editor Online - Free JSON Formatter, Validator & Converter ...
Does JSON Editor work offline?
While jsoneditor.io is a web application that requires an initial internet connection to load, most of its functionality works after the page loads since all processing happens in your browser. For fully offline JSON editing, the page can be cached by your browser for subsequent offline use.
jsoneditor.io
jsoneditor.io › home
JSON Editor Online - Free JSON Formatter, Validator & Converter ...
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.
Jsoneditor
jsoneditor.io › home
JSON Editor Online - Free JSON Formatter, Validator & Converter | jsoneditor.io
December 1, 2024 - A free, browser-based JSON editor with VS Code-like experience. Format, validate, convert JSON to YAML, CSV, and TypeScript instantly. No signup required.
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%
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
npm
npmjs.com › package › @types › json-editor
@types/json-editor - npm
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
TypeScript
typescriptlang.org › play
TypeScript: TS Playground - An online editor for exploring TypeScript and JavaScript
The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.
Editor.js
editorjs.io
Editor.js
text: "Classic WYSIWYG editors produce raw HTML-markup with both content data and content appearance. On the contrary, <mark class="cdx-marker">Editor.js outputs JSON object</mark> with data of each Block.", } , } ,
GitHub
github.com › josdejong › svelte-jsoneditor
GitHub - josdejong/svelte-jsoneditor: A web-based tool to view, edit, format, repair, query, transform, and validate JSON · GitHub
The TypeScript types (like Content, JSONSelection, and JSONPatchOperation) are defined in the following source file: https://github.com/josdejong/svelte-jsoneditor/blob/main/src/lib/types.ts · The editor can be styled using the available CSS variables.
Starred by 1.2K users
Forked by 145 users
Languages TypeScript 53.8% | Svelte 36.8% | SCSS 6.3% | HTML 1.3% | JavaScript 1.2% | CSS 0.6%
npm
npmjs.com › package › vanilla-jsoneditor
vanilla-jsoneditor - npm
<!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
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
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.
Reddit
reddit.com › r/javascript › [askjs] does anyone know of any local json editor with gui? (windows)
r/javascript on Reddit: [AskJS] Does anyone know of any local JSON editor with GUI? (Windows)
February 7, 2025 -
I'd like to be able to view and edit the entries on a local JSON file, including adding and removing entries.
Some of the fields are paths to images or videos (they're stored in the same folder as the JSON file). I'd like those to be shown in the editor.
Is there an app that does that?
Top answer 1 of 5
9
Vscode
2 of 5
7
not sure exactly what you are asking for, but notepad++ plus the json extensions works pretty good for me. but json files are straight text files you can edit in any text editor. Are you looking for something to give you like an edit grid so you aren't directly editing the text?
GitHub
github.com › felipecarrillo100 › react-jsoneditor-wrapper
GitHub - felipecarrillo100/react-jsoneditor-wrapper: A React Typescript wrapper for jsoneditor by josdejong.
A React Typescript wrapper for jsoneditor by josdejong. - felipecarrillo100/react-jsoneditor-wrapper
Starred by 3 users
Forked by 2 users
Languages TypeScript 72.5% | CSS 27.5% | TypeScript 72.5% | CSS 27.5%
JSON to Table
jsontotable.net › json-to-typescript
JSON to TypeScript Converter – Free Online | JsonToTable
Simply paste your API response JSON into our converter to instantly generate corresponding TypeScript interfaces. The tool analyzes your data structure, infers types from values, and creates properly formatted definitions.
Js2ts
js2ts.com › json-to-typescript
Convert JSON to TypeScript Online | JSON to TypeScript Converter js2ts.com
This online converter harnesses AI to seamlessly convert your JSON code to TypeScript in just a click of a button. Follow these steps to make the most of this advanced converter: Type or paste your JSON code into the input box provided. You can directly enter your code or copy it from your favourite code editor...
Playcode
playcode.io › json-to-typescript
JSON to TypeScript Converter - Generate Interfaces Online
Generate TypeScript interfaces from any JSON structure instantly. This JSON to TS converter is completely free and ad-free, your data is processed entirely in your browser. Paste your JSON in the left editor (or drag & drop a file)
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.