24.12.00 grapes js editor enhancements

[AlexanderBlanchardAC]

PRIOR TO APPLYING PATCH:

• Enable Web Builder Module Aspen Admin->System Administration->Modules
• Enable GrapesJS Pages Aspen Admin->System Administration->System Variables-> check box for Enable Grapes Editor
• Create a template with any name and click view in editor.
• Notice that some of the buttons in the top menu do not have tooltips when you hover over them (bin, redo, undo, import code)
• Notice that on the right hand menu there is currently no Headers section or blocks
• Click the editor and notice that the body element is highlighted, with this still highlighted, click the Open Style Manager in the top menu and notice the only option is Decoration.

APPLY PATCH

• Set up Grapes Editor as above and navigate to an editor as above
• Notice that the buttons that had missing tooltips now contain tooltips when hovered
• Notice there is a new section in the right hand menu called Headers, it should contain three blocks: H1, H2 and H3, which will insert headers of the relevant size when dragged onto the editor
• Click the editor to highlight the body element and again select Open Style Manager, notice that you now have many more styling options for the body element, including the ability to make it use Flex.

[Chloe070196]

Looks good to me - could add tooltips to the page dimensions options as well