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

Wrapper tags

[wrapper_tags]

Thumbnail picture

Provides tools that help build html structure with ease (e.g. for Bootstrap). Validates and colorizes resulting structure.

Building HTML structure

Old way

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
Type
Free
Release date
09.12.2017
Category
Plugin
License
LGPL-3.0+
Copyright
© Ostrowski Maciej (http://contao-developer.pl)
Author
Zmyslni Maciej Ostrowski (zmyslny) http://www.contao-developer.pl
Release notes and change log for 1.2.2
Other versions

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
Release functionality
 
Total functionality
0.00
Release usability
 
Total usability
0.00
Release quality
 
Total quality
0.00
Release rating
 
Total rating
0.00 (0 votes)
Release downloads
3
Total downloads
16
Release installs
7
Total installs
32
Release updates
1
Total updates
8
Dependencies of this extension
Other extensions depending on this one
Name
Version from
Version to
Contao
3.2.0
3.5.31
3.3.6
3.3.6
Name
Version from
Version to