Json Editor Vue

screenshot of Json Editor Vue
nuxt
vite
vitepress
vue

Vue and Nuxt 2/3 isomorphic JSON editor, viewer, formatter and validator.

Overview

The JSONEditorVue is a versatile Vue component that allows users to view, edit, format, validate, and manipulate JSON data. It offers various features such as different edit modes, support for large JSON documents, compatibility with different versions of Vue, and integration with popular tools and frameworks.

Features

  • View, edit, format, validate, compact, sort, query, filter, transform, repair, highlight JSON
  • 3 edit modes: text mode, tree mode, and table mode
  • 2 themes: light theme and dark theme
  • Handle large JSON documents up to 512 MB
  • Support for all 7 primitive data types, including BigInt and Symbol
  • Vue 2.6/2.7/3 isomorphic
  • Support for SSR (Nuxt 2/3 isomorphic)
  • Support for Vite, Vue CLI, webpack, CDN
  • Support for microfrontends (wujie, qiankun, single-spa)
  • Local registration & configuration, or global registration & configuration (Powered by vue-global-config)
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vitepress
Vitepress

VitePress is a static site generator designed for creating documentation websites. It offers a lightweight and fast development experience using Vue.js and Markdown, with features such as live-reload, theming, and customizable layout components.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.