---
url: https://gudhub.com/docs/gh-elements/grapes-html-editor/
title: "Grapes HTML Editor\n                #"
description: "Grapes HTML Editor is a gh element that provides instruments for making the file that can be easily converted in the HTML page. !Grapes HTML Editor Due to this"
lang: uk
updated: 2026-09-08T15:52:58.765Z
---

# Grapes HTML Editor [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#grapes-html-editor)

**Grapes HTML Editor** is a gh-element that provides instruments for making the file that can be easily converted in the HTML page.

![Grapes HTML Editor](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/grapes-html-editor-working-area.jpg "Working area")

## Functional Characteristics [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#functional-characteristics)

Due to this gh-element user can automatically update page content in blogs or other sites.

## Value Format [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#value-format)

This is one of element that does not have any value.

## Element Options [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#element-options)

This gh-element has only three element options. All of them are contained in one group of settings.

### Field Settings [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#field-settings)

The element field can be configured with two [standard settings](https://gudhub.com/docs/understanding-gudhub/gh-elements-structure/setting-overview/) and an extra one.

![Settings of grapes HTML editor field](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/grapes-html-editor-field-settings.jpg "Grapes HTML editor field settings")

| Name | Description |
| :-- | :-- |
| Field for images | allows to select the source field for images |

#### **Field For Images** [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#field-for-images)

This is the field from which images will be loaded into the HTML Editor. Due to it, those images will be added to the GudHub server with new generated name.

## Element Style [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#element-style)

Despite the big functionality of the element, its style has no additional style settings. Read [Setting Overview](https://gudhub.com/docs/understanding-gudhub/gh-elements-structure/setting-overview/) to configure the editor style and about interpretation read [below](#interpretation).

![Style of grapes HTML editor element](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/grapes-html-editor-element-style.jpg "Grapes HTML editor element style")

## Data Model [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#data-model)

The data model of the current element contains only interpretation array and an ID of the certain field.

Copy

```json
{
    "data_model": {
        "images_field_id": "23445",
        "interpretation": []
    }
}
```

| Name | Type | Description |
| :-- | :-- | :-- |
| images\_field\_id | `string` | _contains ID of the field with images_ |
| interpretation | `array` | _contains all element interpretations_ |

## Filtration [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#filtration)

There are no filters to filter this element.

## Interpretation [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#interpretation)

The grapes HTML editor can be displayed in three interpretation types.

![Types of grapes HTML editor interpretation](https://bitbucket.org/AAtlas/gudhub-documentation/raw/master/Gh_Elements/gh-elements/grapes-html-editor-interpretation-types.jpg "Grapes HTML editor interpretation types")

### Default [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#default)

The first interpretation type is a working area with lots of tool for making html page.

### Web [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#web)

The web interpretation displays the contents of the element file in web format.

### Value [#](https://gudhub.com/docs/gh-elements/grapes-html-editor/#value)

The last type displays only the value of the Grapes HTML Editor.