Sightly - ranjanui/AEM GitHub Wiki
Quick Ref: link
-
Sightly useful link - http://www.codermag.net/2016/02/sightly-tutorial-for-beginners-aem.html
-
http://blogs.adobe.com/experiencedelivers/experience-management/htl-intro-part-1/
-
Sightly is new AEM templating system introduced in AEM6.0.
-
HTL(HTML Templating language) is capable of automatically applying the proper context-aware escaping to all variables being output to the presentation layer.
-
Sightly is HTML5, It uses data-sly- attribute and content part
-
we can use sighlty with jsp as well and vice versa
<cq:include script="footer.sly">
<div data-sly-include="footer.jsp" />
- Every sightly markup is a valid HTML5 document
<div class="sightly-example">
<header data-sly-include="header.html"></header>
<h1 data-sly-test="${properties.title}">${properties.title}</h1>
<section data-sly-use-navigation="Navigation">
<h1>${navigation.breadcrumb}</h1>
</section>
<ul data-sly-list-child="${resource.listChildren}">
<li>${child.name}</li>
</ul>
</div>
Expression Syntax includes: literal, variables, operators and options
* **Literals**:
Boolean: ${true}, ${false}
Integers: ${42}, ${42e2}
Floating Point: **not support**
String: ${"foo"}, ${'foo'}
Sightly specific attribute
<!--/* Sightly comment */-->