Wednesday, 7 October 2015

Creating an AEM HTL component that uses Sling Models to parse a web page

You can create an Adobe Experience Manager (AEM) custom component by using AEM HTML Language Template (HTL - formally Sightly) and Sling Models that is able to parse a Document Object Model (DOM) and write the results out to an AEM web page. For example, assume you have a requirement to parse a web page and write out the images in an AEM web page. Using a custom DOM parser component, you can implement this requirement.

This AEM development article walks you though how to use HTL and Sling Models to create a custom AEM component that is able to parse a DOM.


The previous illustration shows the results produced by the custom AEM DOM parser component that parses images from the AEM community page located here:


To read the AEM 6.1 development article that uses AEM HTL and Sling Models, click  https://helpx.adobe.com/experience-manager/using/domparser.html.


To watch the video and see this component in action - click: 




Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner



I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.

No comments:

Post a Comment