/vscode-json-editor

A vscode extension to preview and edit JSON documents in a simple tree view, based on <https://jsoneditoronline.org>.

Primary LanguageTypeScript

Json Editor

A vscode extension to preview and edit JSON documents in a simple tree view, based on https://jsoneditoronline.org.

To start open the command pallete and type json. View>Command Palette> JSON Editor: Start JSON editor session

Features

  • Tree view updates automatically when you save the active document

    editor2tree

  • Properties/values can edited in the tree view, which updates the active json document

    tree2editor

  • Tree view supports searching, expand/collapse all, and undo/redo

    expandcollapsesearch

Configuration

  • vscode-json-editor.theme: Set the theme for the editor ('light', 'dark'). Note: you must close/reopen any existing editors for the change to take effect.

Known Issues

  1. Editing large json files (>1mb) from the tree view can sometimes cause edits to be lost or not fully synced.

Contributions

Release Notes

0.2.3

  • Updated to the latest jsoneditor release

0.2.2

  • Updated to latest jsoneditor release
  • Improved jsoneditor -> editor update times

0.2.1

  • Tweaked the background color for the dark theme to better match vscode's defualt
  • Azure DevOps CI/CD pipeline

0.2.0

  • Added dark theme (fix for #1);

0.0.4

  • Make updating the editor from the tree a bit more consistent

0.0.3

  • Fix borked icon

0.0.2

  • Updated screenshots
  • Fixed some spelling errors in the readme

0.0.1

Initial release of vscode-json-editor