TOUCH UI RTE removes data attributes without values

[bajjuri_karthik]

Hi,

I want to embed Instagram posts in my pages.I am pasting the embed code of instagram post in touch ui rte source mode, but upon submitting the dialog, rte is stripping the attribute "data-instgrm-captioned" which is resulting in stripping of Instagram post footer in my page. If I added any random value to the attribute for eg:"data-instgrm-captioned="1" " then the footer is displayed. Is there any way to customize the rte in order not to strip the attributes?

[kautuk_sahni · Accepted solution]

Please have a loo at this old thread :- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

// Currently only supports the basic html tags and not custom one. Verify html serializer/processor /at libs/cq/ui/widgets/source/widgets/form/rte . This basically means that unsupported HTML that was entered will get stripped/removed.

As a workaround, i will suggest that you create a custom plain HTML component that is suitable for your use case and not use the Richtext. Another possibility is to create a new plugin to support such a use case.

To create a custom plugin :- https://mkbansal.wordpress.com/2016/01/09/aem-rte-custom-styles-plugin/

i hope this would help you.

~kautuk