Powerful JSON Viewer & Editor For Vue 3/2

This is a powerful JSON viewer & editor based on svelte-jsoneditor. With this library, you will be able to view, edit, insert, remove, duplicate, sort, filter, and transform JSON data in plain text or as a tree.

How to use it:

1. Import and register the JSON editor.

import JsonEditorVue from 'json-editor-vue'
app.use(JsonEditorVue, {
  // global config
})

2. Add the JSON editor to the app.

<template>
  <JsonEditorVue v-model="value" v-bind="{/* local config */}"/>
</template>

Preview:

Powerful JSON Viewer & Editor For Vue 3 2

Changelog:

v0.12.0 (01/19/2024)

  • Bugfix

v0.11.2 (12/07/2023)

  • Update

v0.11.1 (11/23/2023)

  • Bugfixes

v0.11.0 (10/24/2023)

  • Bugfixes

v0.10.19 (10/01/2023)

  • Bugfixes

v0.10.18 (09/30/2023)

  • Bugfixes

v0.10.17 (09/30/2023)

  • Bugfixes

v0.10.15 (09/06/2023)

  • Bugfix

v0.10.10 (09/05/2023)

  • Update

v0.10.8 (09/04/2023)

  • Bugfixes

v0.10.6 (04/22/2023)

  • Support property ‘askToFormat’
  • Bug Fixes

v0.10.5 (12/18/2022)

  • types: use type Content, JSONContent & TextContent from ‘vanilla-jsoneditor’

v0.10.4 (12/17/2022)

  • ‘nuxt.ts’ should be included in the tarball

Download Details:

Author: cloydlau

Live Demo: https://cloydlau.github.io/demo/json-editor-vue.html

Download Link: https://github.com/cloydlau/json-editor-vue/archive/refs/heads/master.zip

Official Website: https://github.com/cloydlau/json-editor-vue

Install & Download:

# Yarn
$ yarn add json-editor-vue

# NPM
$ npm i json-editor-vue

Add Comment