Content

📚 Concepts

Flows

Node Type

Style setting

Render

Interpreter

This product have a complex logic to show and get the content information using a node-based system, the editor empowers users to assemble web elements such as text, images, buttons, and social media icons, while providing flexibility for more advanced users to integrate custom HTML and CSS.

📚 Glossary

Before to start to learn about all the HTML Editor flows we need clarify the basis concepts that describe the HTML Behaviour.

• Content: Are the elements that will be edited, modified and showed each time that a node is Dropped, this are aggrouped by columns into a structure.
• Blocks: Are the horizontal elements that separate the content between rows.
• Structures: Are the Vertical elements that separate a Block into Columns.
• Templates: Are the saved set of Contents, blocks and structures on a database, that later can be found in the templates section.
• Render: Is the process in which the editor process a content to convert into a visual styled element.
• Drag and Drop: Is a method in which the elements can moved around an UI .
• Interpreter: Is the process in which the editor process the visual styled content to convert into Email HTML String.

Flows

This section described the main flows and explain how works, in the way the developers can undertand the flows.

This flow is the generic flow about the use and interaction with the HTML Editor, Where we can see:

• Init Editor: Does the initial Config of all the elements in this product
• Get Styled HTML: Create some helpers that will return all the CSS styles
• Render Engine: Is the responsible to Print and create Iframes by each Node