npm
npmjs.com › package › vanilla-jsoneditor
vanilla-jsoneditor - npm
A web-based tool to view, edit, format, transform, and validate JSON. Latest version: 3.11.0, last published: 3 months ago. Start using vanilla-jsoneditor in your project by running `npm i vanilla-jsoneditor`. There are 64 other projects in ...
» npm install vanilla-jsoneditor
Published Dec 10, 2025
Version 3.11.0
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
npm install # Install dependencies (once) npm run dev # Start the demo project (at http://localhost:5173) npm run build # Build the library (output in ./package and ./package-vanilla) npm run test # Run unit tests in watch mode npm run test-ci # Run unit tests once npm run coverage # Run unit test coverage (output in ./coverage) npm run check # Run Svelte checks npm run lint # Run linter npm run format # Automatically fix linting issues npm run release-dry-run # To run the build and see the change list without actually publishing npm run release # Publish the npm packages `svelte-jsoneditor` and `vanilla-jsoneditor`. # This will test, check, lint, build, create a version tag and publish # to npm and GitHub releases.
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 › svelte-jsoneditor
svelte-jsoneditor - npm
npm install # Install dependencies (once) npm run dev # Start the demo project (at http://localhost:5173) npm run build # Build the library (output in ./package and ./package-vanilla) npm run test # Run unit tests in watch mode npm run test-ci # Run unit tests once npm run coverage # Run unit test coverage (output in ./coverage) npm run check # Run Svelte checks npm run lint # Run linter npm run format # Automatically fix linting issues npm run release-dry-run # To run the build and see the change list without actually publishing npm run release # Publish the npm packages `svelte-jsoneditor` and `vanilla-jsoneditor`. # This will test, check, lint, build, create a version tag and publish # to npm and GitHub releases.
» npm install svelte-jsoneditor
Published Dec 10, 2025
Version 3.11.0
npm
npmjs.com › package › json-editor-vue
json-editor-vue - npm
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> </head> <body> <div id="app"> <json-editor-vue v-model="value"></json-editor-vue> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.jsdelivr.net/npm/vue-demi"></script> <!-- TODO --> <script src="./vanilla-jsoneditor.umd.js"></script> <script src="https://cdn.jsdelivr.net/npm/json-editor-vue@0.18"></script> <script> const { createApp, ref } = Vue createApp({ setup: () => ({ value: ref(), }), }) .use(JsonEditorVue) .mount('#app') </script> </body> </html> npm i json-editor-vue ·
» npm install json-editor-vue
Published Mar 05, 2025
Version 0.18.1
Author Cloyd Lau
Repository https://github.com/cloydlau/json-editor-vue
jsDelivr
jsdelivr.com › package › npm › vanilla-jsoneditor
vanilla-jsoneditor CDN by jsDelivr - A CDN for npm and GitHub
December 10, 2025 - A free, fast, and reliable CDN for vanilla-jsoneditor. A web-based tool to view, edit, format, transform, and validate JSON
Published Jul 08, 2022
UNPKG
app.unpkg.com › vanilla-jsoneditor@0.18.10 › files › README.md
UNPKG
## Use (Browser example loading the ES module): ```html <!doctype html> <html lang="en"> <head> <title>JSONEditor</title> </head> <body> <div id="jsoneditor"></div> <script type="module"> import { JSONEditor } from 'vanilla-jsoneditor' // Or use it through a CDN (not recommended for use in production): // import { JSONEditor } from 'https://unpkg.com/vanilla-jsoneditor/index.js' // import { JSONEditor } from 'https://cdn.jsdelivr.net/npm/vanilla-jsoneditor/index.js' let content = { text: undefined, json: { greeting: 'Hello World' } } const editor = new JSONEditor({ target: document.getElementB
jsDelivr
jsdelivr.com › package › npm › @vidday › vanilla-jsoneditor
@vidday/vanilla-jsoneditor CDN by jsDelivr - A CDN for npm and GitHub
October 23, 2022 - A free, fast, and reliable CDN for @vidday/vanilla-jsoneditor. A web-based tool to view, edit, format, transform, and validate JSON
Published Oct 17, 2022
JSR
jsr.io › @ledangdung › json-editor-vue
@ledangdung/json-editor-vue - JSR
As of v0.11, it's no longer necessary to explicitly install vanilla-jsoneditor. If you want to specify dependency versions: // package.json { // npm/cnpm/bun "overrides": { "vanilla-jsoneditor": "***", "vue-demi": "***" }, // yarn/bun "resolutions": { "vanilla-jsoneditor": "***", "vue-demi": "***" }, // pnpm "pnpm": { "overrides": { "vanilla-jsoneditor": "***", "vue-demi": "***" } } } or scoped: // package.json { // npm/cnpm/bun "overrides": { "json-editor-vue": { "vanilla-jsoneditor": "***", "vue-demi": "***" } }, // yarn/bun "resolutions": { "json-editor-vue/vanilla-jsoneditor": "***", "json-editor-vue/vue-demi": "***" }, // pnpm "pnpm": { "overrides": { "json-editor-vue>vanilla-jsoneditor": "***", "json-editor-vue>vue-demi": "***" } } } # npm npm i json-editor-vue # jsr npx jsr add @cloydlau/json-editor-vue ·
npm
npmjs.com › package › @json-editor › json-editor
@json-editor/json-editor - npm
Latest version: 2.16.0, last published: a month ago. Start using @json-editor/json-editor in your project by running `npm i @json-editor/json-editor`. There are 29 other projects in the npm registry using @json-editor/json-editor.
» npm install @json-editor/json-editor
Published Feb 07, 2026
Version 2.16.0
Author Jeremy Dorn
Repository https://github.com/json-editor/json-editor
npm
npmjs.com › package › @fuxishi › vanilla-jsoneditor
fuxishi/vanilla-jsoneditor
Easy package.json exports.. Latest version: 1.0.1, last published: 14 years ago. Start using package in your project by running `npm i package`. There are 281 other projects in the npm registry using package.
GitHub
github.com › josdejong › svelte-jsoneditor › issues › 165
vanilla-jsoneditor in commonjs · Issue #165 · josdejong/svelte-jsoneditor
October 13, 2022 - I would like to be able to import vanilla-jsoneditor in my commonjs project. In the development environment I have been able to workaround this with import() but somehow after building it fails. I have tried to fork the repo and compile ...
Author hacknlove
npm
npmjs.com › package › jsoneditor
jsoneditor - npm
A web-based tool to view, edit, format, and validate JSON. Latest version: 10.4.2, last published: 5 months ago. Start using jsoneditor in your project by running `npm i jsoneditor`. There are 427 other projects in the npm registry using jsoneditor.
» 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 › josdejong › svelte-jsoneditor › blob › main › README-VANILLA.md
svelte-jsoneditor/README-VANILLA.md at main · josdejong/svelte-jsoneditor
npm install vanilla-jsoneditor · Remark: for usage in a Svelte project, install and use svelte-jsoneditor instead of vanilla-jsoneditor.
Author josdejong
npm
npmjs.com › package › native-json-editor
native-json-editor - npm
Latest version: 0.3.0, last published: 3 years ago. Start using native-json-editor in your project by running `npm i native-json-editor`. There are 1 other projects in the npm registry using native-json-editor.
» npm install native-json-editor
Published Feb 11, 2023
Version 0.3.0
Author Ernesto Azuar
Npm
npm.io › package › vanilla-jsoneditor
Vanilla-jsoneditor NPM | npm.io
This is the vanilla variant of svelte-jsoneditor, which can be used in vanilla JavaScript or frameworks like SolidJS, React, Vue, Angular.
Npm
npm.io › package › jsoneditor
Jsoneditor NPM | npm.io
The code of the JSON Editor is located in the folder ./src. To build jsoneditor: