Brave Search

A json editor of vue. Latest version: 1.1.5, last published: 4 years ago. Start using vue3-json-editor in your project by running `npm i vue3-json-editor`. There are 11 other projects in the npm registry using vue3-json-editor.

      » npm install vue3-json-editor

Published Mar 16, 2022

Version 1.1.5

Author liuqi41

Repository https://github.com/joaomede/vue3-json-editor

Homepage https://github.com/joaomede/vue3-json-editor#readme

Netlify

v3-jsoneditor.netlify.app

Vue3 JSON Editor

GitHub

github.com › bestkolobok › vue3-jsoneditor

GitHub - bestkolobok/vue3-jsoneditor

Open the editor in read-only mode: no changes can be made, non-relevant buttons are hidden from the menu, and the context menu is not enabled. ... Number of spaces use for indentation when stringifying JSON, or a string to be used as indentation like '\t' to use a tab as indentation, or ' ' to use 4 spaces (which is equivalent to configuring indentation: 4).

Starred by 80 users

Forked by 13 users

Languages TypeScript 70.8% | Vue 28.4% | TypeScript 70.8% | Vue 28.4%

Made with Vue.js

madewithvuejs.com › vue-3-json-editor

Vue 3 JSON Editor - JSON Editor Component - Made with Vue.js

December 17, 2025 - "vue3-jsoneditor is a JSON editor component with SSR support, expand / collapse functionality, different view modes, dark mode and more."

GitHub

github.com › pratik227 › vue3-jsoneditor

GitHub - pratik227/vue3-jsoneditor: Vue3 JSON Editor

"Vue 3 JSON Editor" is a web-based application built with the Vue 3 JavaScript framework that allows users to easily create, view, and edit JSON data in a user-friendly interface.

Author pratik227

GitHub

github.com › AnonX98 › vue3-json-edit

GitHub - AnonX98/vue3-json-edit: Visual JSON Editor built as an vue component. Provides a basic GUI

<template> <JsonEditor :options="{ confirmText: 'confirm', cancelText: 'cancel', }" v-model:objData="jsonData" /> </template> <script setup> import JsonEditor from "vue3-json-edit"; import "vue3-json-edit/dist/style.css"; import { ref } from "vue"; const jsonData = ref({ name: "may", age: null, address: [ "Panyu Shiqiao on Canton", "Tianhe", { city: "forida meta 11", }, ], others: { id: 1246, joinTime: "2017-08-20.

Author AnonX98

GitHub

github.com › joaomede › vue3-json-editor

GitHub - joaomede/vue3-json-editor: A jsoneditor of vue 3 (next) - (fork vue-json-editor)

v-model：bind the [json object] :show-btns: boolean, show the save button, default: true :expandedOnStart: boolean, expand the JSON editor on start for the modes 'tree', 'view', and 'form', default: false :mode: string, default: tree :lang: string, default: en @json-change: on json changed @json-save: on json save @mode-change: on editor mode change, return the mode string @has-error: on error · npm install vue3-json-editor --save ·

Starred by 54 users

Forked by 31 users

Languages JavaScript 98.3% | CSS 1.5% | JavaScript 98.3% | CSS 1.5%

jsDelivr

jsdelivr.com › package › npm › vue3-json-edit

vue3-json-edit CDN by jsDelivr - A CDN for npm and GitHub

August 17, 2022 - A free, fast, and reliable CDN for vue3-json-edit. Visual JSON Editor built as an vue component. Provides a basic GUI

Published Aug 03, 2022

Repository https://github.com/AnonX98/vue3-json-edit

CodeSandbox

codesandbox.io › examples › package › vue3-json-editor

vue3-json-editor examples - CodeSandbox

Use this online vue3-json-editor playground to view and fork vue3-json-editor example apps and templates on CodeSandbox.

GitHub

github.com › cloydlau › json-editor-vue

GitHub - cloydlau/json-editor-vue: Vue 2/3 isomorphic JSON editor, viewer, formatter and validator. · GitHub

<!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 type="importmap"> { "imports": { "vue": "https://cdn.jsdelivr.net/npm/vue/dist/vue.esm-browser.prod.js", "vue-demi": "https://cdn.jsdelivr.net/npm/vue-demi/lib/v3/index.mjs", "vanilla-jsoneditor": "https://cdn.jsdelivr.net/npm/vanilla-jsoneditor", "json-editor-vue": "https://cdn.jsdelivr.net/npm/json-editor-vue@0.18/dist/json-editor-vue.mjs" } } </script> <script type="module"> import { createApp, ref } from 'vue' import JsonEditorVue from 'json-editor-vue' createApp({ setup: () => ({ value: ref(), }), }) .use(JsonEditorVue) .mount('#app') </script> </body> </html>

Starred by 657 users

Forked by 31 users

Languages TypeScript 90.3% | JavaScript 8.4% | HTML 1.3%

Find elsewhere

Google Bing Mojeek

Vue Script

vuescript.com › home › other › powerful json viewer & editor for vue 3/2

Powerful JSON Viewer & Editor For Vue 3/2 - Vue Script

July 29, 2025 - A powerful JSON viewer & editor based on svelte-jsoneditor.

CodePen

codepen.io › wckgo › pen › GRmgEax

Vue 3 JSON Editor Example

Minimize JavaScript Editor · Fold All · Unfold All · import { Vue3JsonEditor } from "https://cdn.skypack.dev/vue3-json-editor"; const app = Vue.createApp({ template: "#demo-template", components: { Vue3JsonEditor }, setup() { function onJsonChange(value) { console.log("value:", value); } const json = Vue.ref({ name: "1" }) return { json, onJsonChange }; } }); app.mount("#el"); !

CodeSandbox

codesandbox.io › s › json-editor-vue-3bd8w0

json-editor-vue - CodeSandbox

June 22, 2022 - json-editor-vue by pakerchang using json-editor-vue, vue

Published Jun 22, 2022

Author pakerchang

Repository https://codesandbox.io/s/3bd8w0

npm

npmjs.com › package › json-editor-vue3

json-editor-vue3 - npm

基于 jsoneditor 开发的vue3 json editor，支持全屏编辑，有完善的事件回调，可以在失去焦点时，对编辑器内容做校验。

      » npm install json-editor-vue3

Published Apr 07, 2024

Version 1.1.1

Author lq9328@126.com

Repository https://github.com/AspenLuoQiang/json-editor-vue3

Homepage https://github.com/AspenLuoQiang/json-editor-vue3

npm

npmjs.com › package › vue3-ts-jsoneditor

vue3-ts-jsoneditor - npm

It is more clear to use v-model:json for tree mode and v-model:text for text mode. $collapseAll - collapse all nodes (works in both tree and text mode) $expandAll - expand all nodes (works in both tree and text mode) $expand - Expand or collapse paths in the editor.

      » npm install vue3-ts-jsoneditor

Published Dec 06, 2025

Version 3.2.1

Author Alex Guzey

Repository https://github.com/bestkolobok/vue3-jsoneditor

Homepage https://github.com/bestkolobok/vue3-jsoneditor#readme

jsDelivr

jsdelivr.com › package › npm › lite-json-editor

lite-json-editor CDN by jsDelivr - A CDN for npm and GitHub

November 21, 2022 - A free, fast, and reliable CDN for lite-json-editor. A lightweight json formatter/editor for Vue 3

Published Oct 23, 2022

Repository https://github.com/Megarsh/lite-json-editor

npm

npmjs.com › package › json-editor-vue

json-editor-vue - npm

Vue and Nuxt 2/3 isomorphic JSON editor, viewer, formatter and validator.. Latest version: 0.18.1, last published: a year ago. Start using json-editor-vue in your project by running `npm i json-editor-vue`. There are 34 other projects in the ...