GH-Elements

Editor JS

Editor JS is a gh-element that provides the instruments for comfortable document creating. It contain different formatted blocks like:

  • Text
  • Heading
  • Table
  • List
  • Checklist
  • CodeMirror
  • Image

Each of them has its own features and settings. The user can drag and drop each of the created elements to change their order.

Functional Characteristics

The direct purpose of this element is creating documents. Due to it user can create как a full-length document as well as short notes. It can also be used for various checklists, such as a daily to-do list and a bugs checklist.

Value Format

This element stores the ID of the JSON document created in it.

{
    "field_value": "62fe48cb90089904e853c9f8"
}

All data is contained in JSON.

Element Options

Settings of the current element are consists of only standard field settings.

Settings of editor JS field

Element Style

Nested List is an interesting interactive element. But it have only standard style settings. Also, this list have a few interpretation types.

Style of editor JS element

Data Model

The element data model contains only a few properties:

{
    "data_model": {
        "interpretation": []
    }
}
Name Type Description
interpretation array contains all element interpretation types

Filtration

The current element cannot be filtered out.

Interpretation

This element has four different interpretations:

Types of editor JS interpretation

Default

The first interpretation is the default one. It displays the functional version of the item.

HTML

The second type displays the entered text with customized formatting, but it cannot be edited.

Value

The current type displays the JSON code of the created document.

Icon

The last interpretation type displays element as an icon.