HTML Editor UI
You can add, set, and delete elements from the canvas. In addition, you can import and export HTML and CSS code. Here is a description of the setting panels of the editor.
After opening the editor in the launched application, you can see the Blocks tab.
The block in GrapesJS is a reusable piece of HTML that you can drop on the canvas.
The set of elements depends on the added UI components. The following elements can be enabled for adding:
in the Basic section:
in the Extra section:
in the Forms section:
You can set the properties of the elements. Select the element and go to the Style Manager tab.
You can define the parameters of the element. Select the element and go to the Trait Manager tab.
To watch the list of elements on the canvas, go to the Layers tab. You can hide elements on the canvas while editing.