Issue with tel:+ Links in Rich Text Component | Community
Skip to main content
aravindreddyyesugari18079
aravindreddyyesugari18079
Level 2
August 9, 2024
Question

Issue with tel:+ Links in Rich Text Component

  • August 9, 2024
  • 4 replies
  • 2854 views

Hello Adobe Community,

I'm encountering an issue with the Rich Text component in AEM when adding a tel: hyperlink.

Scenario:

I add a hyperlink with the format tel:+1234567890 in the Rich Text component's dialog.
After clicking "Done," the link behaves as expected on the page, opening the prompt to initiate a call when clicked.
The link is also correctly stored in the repository as tel:+1234567890.
Problem:

When I reopen the dialog to edit the link, the hyperlink is stripped, and the text appears as plain text, losing the hyperlink functionality in the dialog.
Interestingly, if I use tel:1234567890 (without the +), the link is preserved when reopening the dialog.
Has anyone else experienced this issue or have any suggestions on how to resolve it?

Thank you in advance for your help!

Best regards,
Aravind Yesugari

    4 replies

    arunpatidar
    Community Advisor
    arunpatidarCommunity Advisor
    Community Advisor
    August 9, 2024

    Hi @aravindreddyyesugari18079 
    Please try below solution:

    https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/tel-attribute-not-working-in-href-of-anchor-tag-in-rich-text/m-p/274977

    https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/rte-stripping-tel-links/m-p/377373 

    https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-how-to-make-href-to-accept-custom-tel-tags/m-p/365742 

    Arun Patidar
      aravindreddyyesugari18079
      aravindreddyyesugari18079Author
      Level 2
      August 9, 2024

      Hi @arunpatidar 

      The issue I was facing is that when I am adding + character when I add tel:1234567890 the link is not getting striped ,when I try to add tel:+1234567890  then  the href is getting striped, and in the page it is rendering as link and showing the expected behavior but when i re open the dialog in dialog I am not able to unlink it  in dialog its showing as normal word but in page its rendering as link and if see in the repo as well its storing as tel:+1234567890.

      I tried overlaying

      /libs/cq/xssprotection/config.xml in /apps - /apps/cq/xssprotection/config.xml

      Add the protocol, say telURL

      <regexp name="telURL" value="tel:[0-9]+"/>

      and Added telURL configuration to the accepted list of anchor href

      <attribute name="href">
      <regexp-list>
      <regexp name="onsiteURL"/>
      <regexp name="offsiteURL"/>
      <regexp name="telURL"/>
      </regexp-list>
      </attribute>


      as well but that doesn't worked .


        aravindreddyyesugari18079
        aravindreddyyesugari18079Author
        Level 2
        August 16, 2024

        Hi @aravindreddyyesugari18079 Please use something like:

         

        <a href="tel:${Your_Model.contactNumber}"> ${Your_Model.contactNumber} </a>

         

        and you can use textfied with it.

        This should work fine for all the scenerios. Thanks!


        Hi @kapil_rajoria  The issue is not with the rendering . The issue is when I am trying to reopen the dialog and tries to unlink I am not able to unlink it .Below I am attaching the screen shot

        Steps to reproduce :- 
        1) Author the text component  and link with value tel:+1234567890

        2) Then click on done , now on the page it will render as link and when we click on that click it will open a pop up to pick an app.

        3) Go back to the page and try to unlink the link in dialog it will not visible as link it will available as plain text and that to when we add + character 

        try with tel:1234567890 the link will not get stripped.

          kautuk_sahni
          Community Manager
          kautuk_sahniCommunity Manager
          Community Manager
          September 13, 2024

          @aravindreddyyesugari18079 Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

          Kautuk Sahni
            Suraj_Kamdi
            Community Advisor
            Suraj_KamdiCommunity Advisor
            Community Advisor
            December 2, 2024

            @aravindreddyyesugari18079 This is the problem with AEM cloud instance. RTE will not accept the special characters like +,( and white space etc. so whenever you want to author telephone number just put tel:919876543210 instead of tel:+919876543210 or any country pattern.

              K
              Kailesh007
              New Member
              May 6, 2025

              Handing International Numbers Link Href in Rich Text Editor :

              After doing the above mentioned steps,if I configure tel:12345 in rte it works fine, but when using href=tel for international numbers  i.e., href=tel:+61.... AEM removes the link and it start stripping the code.So need to follow the below step to make it work.

               

              By default, the RTE supports these protocols in href:http://,https://,ftp://,mailto:

              To configure an additional protocol, you will have to add the following structure in the RTE at the same level of the rtePlugins node, The definition of this node will be:

               

              <htmlRules jcr:primaryType="nt:unstructured">

              <links

              jcr:primaryType="nt:unstructured"

              protocols="[http://,https://,ftp://,mailto:,tel:]" />

              </htmlRules>

               

              And that's how the issue can be resolved.

                S
                Shwetha1994
                Level 3
                October 14, 2025

                @arunpatidar  I am also facing same issue, but as per the above comments i have implemented nothing is working, Does AEM as Cloud support tel:+12234452 "+" is supported or will it get striped off?

                 

                <htmlRules jcr:primaryType="nt:unstructured">

                <links

                jcr:primaryType="nt:unstructured"

                protocols="[http://,https://,ftp://,mailto:,tel:]" />

                </htmlRules>
                tried this as well didnt worked.

                Terms & ConditionsAccessibility statement

                Loading footer...