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

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

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 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 @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel

No comments:

Post a Comment