Create an HTML Template Editor Component that displays Blocks of HTML Template, manages the layouts of the Blocks and converts the HTML template into Editor Block Components.
Acceptance Criteria
Tasks
[ ] Make Reusable Template Editor Component
[ ] Responsive and adheres to brand colors and design
[ ] Parses in-built html email template to Editor Blocks
[ ] Works with the Editor Context via hook to handle functionalities
[ ] Manage moving the Editor Blocks upwards or downwards
[ ] Manage deletion of Editor Blocks
[ ] Any other functionality as required by the design
Related Components
Components are closely linked together and devs should ensure the components work together
185
205
Notes
You might need to liaise with the devs working on creating the different inbuilt HTML Templates to structure their templates using proper HTML5 to ease the conversion e.g each block should be wrapped in a section tag, footers in a footer tag.
Description
Create an HTML Template Editor Component that displays Blocks of HTML Template, manages the layouts of the Blocks and converts the HTML template into Editor Block Components.
Acceptance Criteria
Tasks
Related Components
Components are closely linked together and devs should ensure the components work together
185
205
Notes
section
tag, footers in afooter
tag.Links
|
FIGMA LINK
|FIGMA LINK-2
Images
Editor displays Blocks of the HTML Template
Example Image of an In-Built Template