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:

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.html/

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 read the AEM 6.2 article, click: https://helpx.adobe.com/experience-manager/using/domparser62.html.

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.


Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel. 

at