Extensions > wrapper_tags

Wrapper tags

[wrapper_tags]

Provides content elements that helps build html structure with ease. Colorizes and validates the resulting html structure.

Description

When someone wants to wrap content elements with e.g. (div class="col-md-4") (/div) he usually goes for 2 "custom-template.html5" (one to open div and second to close it) or enter HTML directly in HTML-Content-Element (its HTML code field). This plugin helps simplify this process.

Structure. With this plugin you will be able to make it just by clicking. Open div|span|(settings allow provide any html tag)|... using special opening-content-element and then close these tags using special closing-element. They allow to enter custom class and id on each html tag. One opening-element allows to open many html tags at ones. The same applies to closing-element, it can close many html tags. All just by clicking.

Validation. The great advantage of using these content elements is that You will see VALIDATION status of resulting structure. If there is any html error it will tell you where exactly and what kind of a problem there is.

Indents. Every content element from this plugin has an indent when displayed on the content list view at the backend. These indents are smartly calculated. They are preserved even when you use paging at the backend.

Colors. It colorizes content elements with the same indent level. It is super handy in understanding the structure that is being built. This functionality can be switched off in settings.

Summary

• open many divs (or other html tags) in one wrapper element, all just by clicking
• close those divs using one or many wrapper elements
• resulting structure is in colors
• indents are recalculate and preserved even in paging
• get precise validation info of resulting structure