Marathia’s Stacks

stacks for the rest of us

stacks for the rest of us

Stacks Image 91039

HTML(5)elements Stack

Wrap content in a HTML(5) element, optionally with attributes

With this stack, you can wrap other stacks in a HTML element and optionally add attributes. If you don’t know what that means: please move along, nothing to see here for you. But if you ever do manual coding on a RapidWeaver page, you’ll understand how useful that can be!

The most common elements (including a simple div and noscript) and attributes are predefined in the stack, but there’s also the option to use your own, making this stack very versatile. The output of your settings is shown in the info pane of the stack, so no need to switch to source view to check what you’ve done!

Demo
Below are two examples of the use of the HTML(5)elements Stack:
Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

demo #1: most options used (see also fig. 1 and 3)

<script language="JavaScript"> document.write("What an awesome idea!"); </script>

demo #2: content in a <code> element (see also fig. 2 and 4)

You may want to inspect these elements to see what this stack is doing exactly.

Usage
Drop any items into the dropzone of this stack, choose the element you want to wrap the content in and optionally set one or more attributes. As you can see in fig. 1, the HTML(5)elements Stack also provides two advanced options:
remove comments: removes the comments at the beginning (<!-- Start of HTML(5)elements stack v1.0.0 -->) and the end (<!-- End of HTML(5)elements stack -->) of this stack
unwrap: this option removes the surrounding divs of the stack
Especially the unwrap option can have big implications on your page. This option is not supported. Don’t use it unless you know what you’re doing!
NB
<noscript> content will only show in Edit mode and in browsers with Javascript disabled.
When the <hidden> is selected, the content of this stack will be hidden (except in Edit mode), but still be published!

Support
Please use this form to report all issues, questions and comments.

This stack requires RapidWeaver (version 7 or higher) and the Stacks plugin by YourHead (version 3.5 or higher).

Yes, this website uses cookies too. Here’s the annoying but obligatory cookie warning. More info…