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 on an AEM web page. Using a custom DOM parser component, you can implement this requirement.

This AEM development article walks you through 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.