HTML Component

Custom HTML code can be added by using the HTML custom component. It is available from the Designer Components list.

Design:

Tag is added:

When opened to edit:

Designer:

The left panel should have a 'Custom' treeview group with an HTML component according to the designs.
Add an HTML element to the email. It should be draggable for email element reordering.
Element always has collapsed view as the first state.
To open component edit, click on the ‘click to edit' button.
After the user finishes text editing, the element should be deselected to save it.
If users don’t want to save the latest changes, just press the ‘escape' button.

Editor:

The user should be able to edit the value. The Content Designer needs to activate the 'Show field in editor mode’ switch inside the Designer right panel settings tab.
The component click to edit button inside the editor is not visible in preview mode, only in edit mode.
After applying changes, you can watch the result inside the document source page. The code should be saved inside the div block with the code-container CSS class.

Textarea restrictions - set cursor position by mouse click (need to use ➡ ⬅ ⬆ ⬇ ), text selection my mouse move (need to use shift + ➡ ⬅

Preview: On “Preview”, the HTML tag is not visible as it is not intended for the end user

Document in Editor (preview):

Please note that from the source editor, it has always been possible to add custom code https://help.activator.cloud/sup/how-to-use-the-source-editor-and-manually-edit-mjm