Code Editor

Code Editor is a gh-element that allows to enter, save, and edit code. That mean it provides an opportunity to add working code editor in your application.

Functional Characteristics

It is a convenient tool to save any code in your application. Use it to note your codes and store them in one application.

Value Format

When the user enters the code, GudHub creates a new file where this code is saved. And exactly the ID of that file is a field value of the code editor element.

{
    "field_value": "940407"
}

All such files are contained in the file list of the application where the element is located.

Element Options

The code editor element has not a big number of settings that can configure it and all of them are contained in one group.

Field Settings

The only configuration settings of the code editor consist two standard and one additional options.

Code Mode

This is a mode that adjusts the code editor to one of two code types:

• HTML
• JavaScript

Element Style

Element style of the code editor does not have any additional options. It can only be configured using standard settings. The single interpretation type is shown in the end of the article.

Data Model

The half of properties in the data model cannot be configured. They have a constant default value.

{
    "data_model": {
        "code_mode": "htmlmixed",
        "interpretation": [],
        "save_file": true,
        "theme": "default"
    }
}

Filtration

This element cannot be filtered out.

Interpretation

The only interpretation type allows the element to be displayed the space where the code is entered and where it could be updated.