HTML(5)Elements Stack

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!

Need help using it on a non-stacks page? Here’s a tutorial.

N.B.
  • <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 the Stacks plugin by YourHead (version 3 or higher).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
HTML(5)elements in Edit mode 1
fig. 1: demo #1 in Edit mode


HTML(5)elements in Edit mode 2
fig. 2: demo #2 in Edit mode
HTML(5)Elements Stack HUD 1
fig. 3: HUD of demo #1


HTML(5)Elements Stack HUD 2
fig. 4: HUD of demo #2
© 2012-2017 Marathia Web Design | Contact