java.lang.StackOverflowError error in RTE source edit plugin

[nagarajukoniki1]

Hi,

I am trying to use Source Edit plug in RTE and adding HTML code which contains base64 encoded string for the image source. I am able to preview it in the dialog.

After submitting the dialog changes, text component becomes irresponsive and when I reload the author page text component is not visible to edit. When I try to load the page in publish mode I am seeing below error.

Below is the HTML I am pasting in the source editor of RTE

<div class="resource-title-container">
<img src='data&colon;image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9Ii0xIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgDQogICAgPHRpdGxlPm5vdGVib29rX2FuZF9wZW4gWyMxMjkwXTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+DQoNCjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9IkRyaWJiYmxlLUxpZ2h0LVByZXZpZXciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDEuMDAwMDAwLCAtMjQzOS4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4NCiAgICAgICAgICAgIDxnIGlkPSJpY29ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYuMDAwMDAwLCAxNjAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwMiwyMjc5IEMxMDEuNDQ4LDIyNzkgMTAxLDIyNzkuNDQ4IDEwMSwyMjgwIEwxMDEsMjI4MSBMMTAzLDIyODEgTDEwMywyMjgwIEMxMDMsMjI3OS40NDggMTAyLjU1MiwyMjc5IDEwMiwyMjc5IEwxMDIsMjI3OSBaIE0xMDEsMjI5OCBDMTAxLDIyOTguNTUyIDEwMS40NDgsMjI5OSAxMDIsMjI5OSBDMTAyLjU1MiwyMjk5IDEwMywyMjk4LjU1MiAxMDMsMjI5OCBMMTAzLDIyODMgTDEwMSwyMjgzIEwxMDEsMjI5OCBaIE05NywyMjgyIEM5NywyMjgxLjQ0OCA5Ni41NTIsMjI4MSA5NiwyMjgxIEw5MCwyMjgxIEM4OS40NDgsMjI4MSA4OSwyMjgxLjQ0OCA4OSwyMjgyIEw4OSwyMjk2IEM4OSwyMjk2LjU1MiA4OS40NDgsMjI5NyA5MCwyMjk3IEw5NiwyMjk3IEM5Ni41NTIsMjI5NyA5NywyMjk2LjU1MiA5NywyMjk2IEw5NywyMjgyIFogTTk5LDIyODEgTDk5LDIyOTcgQzk5LDIyOTguMTA0IDk4LjEwNSwyMjk5IDk3LDIyOTkgTDg5LDIyOTkgQzg3Ljg5NSwyMjk5IDg3LDIyOTguMTA0IDg3LDIyOTcgTDg2LDIyOTcgQzg1LjQ0OCwyMjk3IDg1LDIyOTYuNTUyIDg1LDIyOTYgQzg1LDIyOTUuNDQ4IDg1LjQ0OCwyMjk1IDg2LDIyOTUgTDg3LDIyOTUgTDg3LDIyOTMgTDg2LDIyOTMgQzg1LjQ0OCwyMjkzIDg1LDIyOTIuNTUyIDg1LDIyOTIgQzg1LDIyOTEuNDQ4IDg1LjQ0OCwyMjkxIDg2LDIyOTEgTDg3LDIyOTEgTDg3LDIyODkgTDg2LDIyODkgQzg1LjQ0OCwyMjg5IDg1LDIyODguNTUyIDg1LDIyODggQzg1LDIyODcuNDQ4IDg1LjQ0OCwyMjg3IDg2LDIyODcgTDg3LDIyODcgTDg3LDIyODUgTDg2LDIyODUgQzg1LjQ0OCwyMjg1IDg1LDIyODQuNTUyIDg1LDIyODQgQzg1LDIyODMuNDQ4IDg1LjQ0OCwyMjgzIDg2LDIyODMgTDg3LDIyODMgTDg3LDIyODEgQzg3LDIyNzkuODk2IDg3Ljg5NSwyMjc5IDg5LDIyNzkgTDk3LDIyNzkgQzk4LjEwNSwyMjc5IDk5LDIyNzkuODk2IDk5LDIyODEgTDk5LDIyODEgWiBNOTUsMjI4NCBMOTUsMjI5NCBDOTUsMjI5NC41NTIgOTQuNTUyLDIyOTUgOTQsMjI5NSBMOTIsMjI5NSBDOTEuNDQ4LDIyOTUgOTEsMjI5NC41NTIgOTEsMjI5NCBMOTEsMjI4NCBDOTEsMjI4My40NDggOTEuNDQ4LDIyODMgOTIsMjI4MyBMOTQsMjI4MyBDOTQuNTUyLDIyODMgOTUsMjI4My40NDggOTUsMjI4NCBMOTUsMjI4NCBaIiBpZD0ibm90ZWJvb2tfYW5kX3Blbi1bIzEyOTBdIj4NCg0KPC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+' alt="White Paper logo" class="resource-icon">
<span class="card-resource-button">White Paper</span></div>

Your help is highly appreciated.

Thanks,

Nagaraju

[rawvarun]

The only possible explanation for this behaviour is the text source editor does not support base64 encoding

[Shashi_Mulugu · Accepted solution]

@nagarajukoniki1i would deal in different way,

the beauty of using an RTE field/AEM Editor experience is when business content author can create/manage content. In above case, you are trying to use it in hard way, and will be developer/power user dependent as normal business authors can't do the same stuff even though we try to solve your technical error.

Instead you can use image browsing feature of RTE and browse those logos from DAM directly or use styles feature in RTE and add a class to your span tag, and let the logo be prefixed via CSS.