Remove Span element from RTE component while dragging text | Community
Skip to main content
Y
yashaswidotiya
June 10, 2021

Remove Span element from RTE component while dragging text

  • June 10, 2021
  • 2 replies
  • 1890 views

Hi Members,

 

We are facing an issue where <span> element is getting added to text with its own styling while dragging text within Rich Text (RTE) component. 

 

In the below example, when I drag "world" to the end of line, span element got added.

 

BEFORE:

<p>world&nbsp;world&nbsp;&nbsp; <a data-popemb="Pop-up" class="content-popup" href="/content/we-retail.html" target="_self" style="font-size: 0.955555em; background-color: rgb(255,255,255);">hello</a> </p>

 

 

 

 

AFTER:

<p>world&nbsp;&nbsp; <a data-popemb="Pop-up" class="content-popup" href="/content/we-retail.html" target="_self" style="font-size: 0.955555em; background-color: rgb(255,255,255);">hello</a> <span style="font-size: 12.4222px;">world&nbsp;</span></p>

 

Could you please help in finding the root cause of the issue ?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Ritesh_Mittal
Community Advisor and Adobe Champion
Ritesh_MittalCommunity Advisor and Adobe Champion
Community Advisor and Adobe Champion
June 10, 2021

Hi @yashaswidotiya ,

 

If I have understood your requirement correctly then you can use context='html' to output markup. Like below-

 

${properties.title @context='html'}

 

Reference-

https://experienceleague.adobe.com/docs/experience-manager-htl/using/htl/expression-language.html?lang=en

    Y
    yashaswidotiyaAuthor
    June 11, 2021

    Hi Ritesh,

     

    I think you have misunderstood my question. 

    The issue here is not with markup but during authoring itself. While you drag the data inside rich text component from 1 place to another, span element get added surrounding the dragged content. you can have a look at the code snippet in question, where i dragged "world" to end of the string, span got added to it.

      Rajalakshmi
      Rajalakshmi
      July 23, 2021

      @yashaswidotiya , @ritesh_mittal I'm also facing the same issue while using custom styles inside RTE, style classes are getting wrapped up with the additional span tag so unable to target html elements directly with their respective classes.

        Terms & ConditionsAccessibility statement

        Loading footer...