The WYSIWYG editor

The WYSIWYG is used to design both pages and page templates. It has the following advantages:

• A WYSIWYG page editor experience
  The “What You See Is What You Get” page editor displays the page during the editing process in the same way as it will appear on the frontend of the website. Widget headings and toolset appear only on demand and do not interfere with the visual presentation of the page while you edit it in the backend. You can move and reorder page widgets with drag-and-drop. 
• A convenient way of creating page layouts 
  There is a single widget dedicated to creating in-page layouts called Section. Sections contain your content widgets. Add sections to the page body, then, add content widgets into the sections. If you need to create more complex layouts, you can also nest sections inside other sections.
  
• Simplified styling functionality
  Page editors do not need to write code or to create more elaborate designs of their page layout. You can style the Section and its columns from the Section widget designer. You can apply paddings, margins and backgrounds. 
  
• A widget selector
  The editor has a widget selector. Its purpose is also to scale better for sites with large number of widgets and to allow search by widget name. You can add widgets without losing sight of your page, form, or template.
  
• Structure tree for quick navigation of the page elements
  The sidebar with page structure tree enables easier focus on a widget in pages with multiple widgets or complex layouts. The structure sidebar gives a useful overview of the overall page architecture and ensures that every widget is in the proper container.