placing image icon next to hyperlinked text

[Shubham_borole]

Hi,

I am trying to add functionality to rtf (or rte based components) such that, if a text is provided using hyperlink functionality, then, after that hyperlink an image icon corresponding to the link type should be placed after the hyperlinked text.

For example, if I provide a pdf link to some text in rtf by using the hyperlink functionality, a pdf image icon will be placed after it. Something like in the image below/attached.

Any suggestions on what kind of approaches can be followed to achieve this?

Thanks

[smacdonald2008 · Accepted solution]

Explore creating a custom xtype. See this community artilce and the Hero component to learn how to work with custom xtypes. See https://helpx.adobe.com/experience-manager/using/creating-aem-multifield-components.html.