You are browsing the old Contao 3 extension repository. Contao 3 is no longer maintained as of June 2019! You can find the Contao 4 extensions on extensions.contao.org.
Extensions > wrapper_tags
Provides tools that help build html structure with ease (e.g. for Bootstrap). Validates and colorizes resulting structure.
Building HTML structure
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).
Wrapper tags way
All just by clicking.
Open (div) or (span) or any other html tag using special opening element named Opening tags and then close these tags using closing element Closing tags.
They allow to enter custom classes, id or styles on each opened single html tag. One Opening tags element allows to open many html tags at ones. The same applies to Closing tags element. It can close many html tags.
You can open 2 html tags in one Opening tags element and close them using 2 separate Closing tags elements. All 3 will be indented at the same level! And of course insert content between each of them
Indents are preserved even in the paging view.
Validation. The great advantage of using these content elements is that you always see validation status of resulting structure. If there is any html error it will show you where exactly and what kind of a problem there is. Validation takes into account other wrapper elements like e.g. Accordion or Content slider.
Colors tip: content elements indented more then 1 level are colored by default. You can switch this functionality off in settings.
To see full manual with example screenshots click [Manual] button at the bottom.
Version 1.2.2 (2017-12-9)
- fix: copy and move mode do not show validation, colors and indents
- fix: responsiveness of opening wrapper-tags element edit panel
- fix: colors are preserve when dragging content elements
- style attribute can be set on every html tag
- new setting: hide validation status
- full css-es in debug mode
- installation with composer
- better readme
Version 1.2.1 (2017-12-7)
- minor fixes
Version 1.2.0 (2017-12-7)
- setting: colorized structure
- setting: custom html tags
- better validation
- multi elements with the same indent
Version 1.1.0 (2017-11-18)
- More precise validation
- Refactored class, fields naming
Version 1.0.0 (2017-11-17)
- Initial release