josdejong/jsoneditor
Jsoneditor
jsoneditor is a web-based JSON editor component designed for viewing, editing, and formatting structured data. It provides a user interface for managing JSON through multiple rendering modes, including tree, form, and code views.
The project is distinguished by its ability to process and visualize exceptionally large datasets, utilizing virtualized memory management to handle JSON files up to 500 MiB without crashing the browser. It also includes a specialized syntax repair tool to convert malformed text into valid JSON and a data transformer for filtering, sorting, and reshaping documents via query expressions.
The editor covers a broad range of capabilities including schema validation with autocomplete, structural manipulation of data nodes, and granular access control to manage read-only permissions. It further supports content search, timestamp formatting, and a command-based history system for undo and redo operations.
The component is designed for integration into web applications via a system of change callbacks and update methods to synchronize the editor state with external application frameworks.
Features
- JSON Editors - Provides a comprehensive web-based interface for viewing and editing JSON through tree, form, and code views.
- Virtualisation Engines - Utilizes a virtualization engine to process and render JSON files up to 500 MiB without crashing the browser.
- JSON - Provides capabilities to add, remove, duplicate, or move elements within a JSON tree view.
- JSON Processors - Implements a high-performance engine for navigating and modifying massive JSON documents up to 500 MiB.
- Schema Validators - Verifies that JSON documents adhere to predefined schema rules and provides inline metadata tooltips.
- Data Rendering Modes - Provides a web interface for managing data through tree, form, code, and text views.
- Virtualized Rendering - Utilizes virtualized memory management to render and navigate JSON files up to 500 MiB without crashing the browser.
- Data View Renderers - Ships a rendering engine that displays JSON data in tree, read-only, and editable form modes.
- Large-Scale Text Rendering - Uses an optimized memory handling system to render exceptionally large JSON files without crashing the browser.
- View Modes - Allows users to switch between tree, form, and raw text rendering modes for the same data model.
- Data Export - Retrieves the current state of edited data as a JavaScript object for further application processing.
- Query Transformers - Provides a utility for filtering, sorting, and reshaping JSON structures to extract specific subsets.
- Syntax Repair Tools - Provides a utility to fix common syntax errors and malformed characters to convert text into valid JSON.
- Data Reshaping - Implements a modal interface for filtering, sorting, and reshaping JSON documents using query languages.
- JSON Schema Autocomplete - Suggests keys and values during editing based on a provided JSON schema or custom completion options.
- Text Formatting - Provides tools to adjust the visual layout of JSON by applying indentation or removing whitespace.
- Editor Event Handlers - Provides a mechanism to trigger custom callbacks on editor interactions such as focusing, blurring, or content changes.
- JSON Syntax Repair - Includes a specialized tool to clean up indentation and fix syntax errors in malformed JSON text.
- Programmatic Selection - Allows programmatic updates to content, selection, and node visibility to control the editor state.
- State Synchronization Callbacks - A listener system that triggers callback functions whenever a user modifies data to return the updated content as an object or string.
- DOM-Based Rendering - Implements a rendering engine that generates a nested hierarchy of HTML elements to represent JSON structures.
- UI Framework Synchronization - Syncs the editor state with external application state via update methods and change callbacks.
- UI State Preservation - Updates data within the editor while preserving the current selection, search, and expanded node state.
- Path-Based Node Selection - Tracks and retrieves specific data locations using unique identifiers to manage focus in nested JSON structures.
- Node Visibility Controls - Allows users to expand or collapse individual nodes or all fields globally to manage nested data.
- Undo-Redo History - Provides a command-based history stack that enables undo and redo operations for structural and text changes.
- State Synchronization Handlers - Maintains a bidirectional synchronization link between the internal editor state and external application data.
- Editors - Web tool for viewing and editing JSON.
- Rich Text Editors - Web-based tool for viewing and editing JSON.
