GH-Elements

JSON Editor

JSON Editor is a gh-element that allows enter, edit, and save any JSON code.

Value Format

This element have no field value.

Element Options

JSON editor has only one group of settings.

Field Settings

This is a group that consists of standard options and one additional option.

Settings of JSON editor field

Name Description
Mode allows to select the mode of the editor

Mode

The JSON editor has four modes. They have different properties.

  • Tree

    Tree mode of JSON editor

  • Form

    Form mode of JSON editor

  • Code

    Code mode of JSON editor

  • Text

    Text mode of JSON editor

Element Style

The style of the JSON editor is customizable using the standard options. Also, it has a few interpretation types in this set of options.

Style of JSON editor element

Data Model

Despite its look, the JSON editor has a small data model.

{
    "data_model": {
        "interpretation": [],
        "mode": "text"
    }
}
Name Type Description
interpretation array contains all interpretation types
mode string contains current mode of the editor

Filtration

This element cannot be used for item filtration.

Interpretation

There are only two types of interpretation to display the editor:

Types of JSON editor interpretation

JSON

This type allows to display the element as a space for entering and editing JSON code. This is a full-fledged editor with all the buttons available to work with the code.

Default

This is the interpretation type that displays the icon instead of full editor.