Edit Elements
When a user selects an element on the page, the relevant editing options will automatically appear.
![](/doc/inline-editor/en-el-menu.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
The system provides various built-in editing modes that can be customized and expanded. Currently, the following editing modes are available:
Edit: Converts the selected element into inline editing mode. Refer to the provided screenshot for visual reference.
Inline Style: Allows modification of the regular CSS style values for the selected element.
Color: Defines the CSS color related to the element.
Image: If the selected element is an image, clicking on it enables the option to replace the image.
CMS Edit: If the content of the element is dynamically generated from the backend, you can open the backend editing interface at the current location.
Below are the operation screenshots:
Edit:
In Edit mode, when you select an element, it transforms into an editable state, enabling you to modify it with any desired value.
![](/doc/inline-editor/en-el-inline.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
Inline Style
You can modify common visual CSS style definitions for the selected element. This includes properties like color, font-size, background, and more.
![](/doc/inline-editor/en-el-inline-style.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
Color
you can modify the CSS style rules associated with color definitions for the selected element.
![](/doc/inline-editor/en-el-color.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
Image
To change the currently selected image element, simply click on the image. This action will initiate the replacement process, allowing you to choose a new image to replace the existing one.
![](/doc/inline-editor/en-el-image.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)
CMS Edit
Open the backend Content Management System (CMS) page to directly edit the element.
![](/doc/inline-editor/en-el-cms.png?SiteId=de3c8da0-a392-7cee-1d2c-ca855e25ae14)