HTML Editor: Show Guides and Details

The advanced tools are accessed by clicking on the double arrow (the one pointing downwards) in the far right of the top toolbar.

These features make editing the web page easier by showing more information about how the page is constructed.

 

  This feature is active by default when entering Consolo's editing mode. When Show Guides is active, all borders of columns and tables are visible.

To activate this feature, click the Show Guides button.

When the guides are visible, you can change their size dynamically by clicking on them with your mouse pointer, holding the mouse button down, and dragging them.


Image  When Details is active you can see the different HTML objects used on the page.

The objects are:

Image  Comments in the HTML code

  Division start (DIV tag)

Image  Division end (/DIV tag)

Image  Paragraph start (P tag)

Image  Paragraph end (/P tag)

Image  Span start (SPAN tag)

Image  Span end (/SPAN tag)

Image  Page Break SHIFT+RETURN (BR tag)

Image  Form start (FORM tag)

  Form end (/FORM tag)

Image  Script within (BODY)

Image  Style Element (STYLE)

Image  Unknown HTML tags and incomplete tags