adding .html onto the end of all external links | Community
Skip to main content
P
ParthasaradhiGa
Level 2
September 8, 2023

adding .html onto the end of all external links

  • September 8, 2023
  • 5 replies
  • 2631 views

Hi , 

If configure any externel links to pathfield. while clicking on that external link it's adding ".html" end of the url and not loading the external link. 

 

Kindly help me on this please.

Regards,

partha

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

5 replies

EstebanBustamante
Community Advisor and Adobe Champion
EstebanBustamanteCommunity Advisor and Adobe Champion
Community Advisor and Adobe Champion
September 8, 2023

Hi 

HTL has the "extension" feature, which can be useful for appending ".html" to your links. However, it won't validate whether your URL is external or internal and will indiscriminately append ".html." Therefore, use it carefully. Usually, you will end up writing a custom "LinkChecker" that checks if the URL configured in the anchor is external or internal and dynamically appends the extension based on the conditions.

 

You can use it like this:

<!--/* Adds the html extension to a path. */--> <a href="${item.path @ extension = 'html'}">${item.name}</a>

 

Read more here: https://github.com/adobe/htl-spec/blob/master/SPECIFICATION.md#125-uri-manipulation 

Esteban Bustamante
    P
    ParthasaradhiGaAuthor
    Level 2
    September 8, 2023

    Hi , 

    Thank for your reply. Here our requirement is not required to append .html for externel links.

    In the code we are not using any @ extension = 'html' feature in HTL.

     

    Thanks,

    Partha

      EstebanBustamante
      Community Advisor and Adobe Champion
      EstebanBustamanteCommunity Advisor and Adobe Champion
      Community Advisor and Adobe Champion
      September 8, 2023

      Correct, as I mentioned earlier, in such scenarios, you will need to write a custom function that detects whether the link is external, a document, or internal, and appends the extension accordingly. Something like the example below. Please note that the example below is illustrative and must be updated according to your specific requirements:

      public static String getUrl(String link, String extension, ResourceResolver resourceResolver) { String updatedLink = ""; if (link != null) { Resource pathResource = resourceResolver.getResource(link); // check if resource exists if (pathResource != null) { // append .html updatedLink = resourceResolver.map(link) + extension; } } return updatedLink; }

       You could use the above method as a Util and invoke it from your SlingModel. The slingModel is what you will use in your HTML. 

       

      Regards

      Esteban Bustamante
        aanchal-sikka
        Community Advisor
        aanchal-sikkaCommunity Advisor
        Community Advisor
        September 8, 2023

        Hello @parthasaradhiga 

         

        The WCM core components, tackle with internal and external links.

        There is a issue and a PR that would be worth looking into

         

        https://github.com/adobe/aem-core-wcm-components/issues/727 - This is about invalid links.

        But, its PR will give you an idea how core components deal with links.

         

        Look for LinkHandler.java in the PR. 

        Aanchal Sikka
          DPrakashRaj
          Community Advisor
          DPrakashRajCommunity Advisor
          Community Advisor
          September 8, 2023

          If you inspect the link on browser do you see .html append in the href ? Is the behaviour same on author, publisher and dispatcher?

            P
            ParthasaradhiGaAuthor
            Level 2
            September 11, 2023

            Yes, while inspecting on link .html appending. It's same behaviour in author,publisher and dispatcher.

              Sanjay_Bangar
              Community Advisor
              Sanjay_BangarCommunity Advisor
              Community Advisor
              September 9, 2023

              Hi @parthasaradhiga ,

              You have to write custom logic on this field using java

              if the path starts ("/content"/) then append with html extension and if the path does not start with ("/content"/)  then keep it as it is.

              example :

              if(path.startsWith("/content"))
              {
              path=path+".html";
              }else{
              path=path;
              }

               

              Thanks,

              Sanjay 

                ShaileshBassi
                Community Advisor
                ShaileshBassiCommunity Advisor
                Community Advisor
                September 9, 2023

                Hi @parthasaradhiga There are multiple ways to cater this use case. 

                There is one which is suggested in the on-going thread using the sling model and checking the link via passing the link to respective service method which returns true/false or the .html appended url if it is required. If there is Url shortening done at your end using the sling model using the api, then it is advised to handle over there itself for adding the extension as well.

                 

                Otherwise, other way is to handle via the sightly code using the below code snippet

                 

                <sly data-sly-test.linkCheck="${properties.linkUrl}"></sly> <a data-sly-test="${properties.linkUrl}" data-sly-test.internalLink="${'/content/' in linkCheck}" class="home-link" href="${properties.linkUrl}.html" target="${properties.linksTarget}">

                 

                 

                Hope this helps!

                Thanks

                  Terms & ConditionsAccessibility statement

                  Loading footer...