Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

AEM 6.5 RTE appends .html to links

Avatar

Level 2

In AEM 6.5 I am having an issue with the link feature of RTE. It appends .html by default to any link starting with a "/". My application is Single Page so I want only the route. How can I override this default behavior? https://helpx.adobe.com/experience-manager/6-3/sites/administering/using/configure-rich-text-editor-... does not have any insights.

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi,

First of all, those are good instincts! 

However the solution is the following:

  1. Under the RTE node, create a child called htmlRules
  2. Under htmlRules create a child called links
  3. Add the following property to links:

 

 

ensureInternalLinkExt  --  Boolean  --  false​

 

 

 

Here is the resulting node structure:

Selection_111.png

PS: don't forget to add the htmlRules and links nodes to each RTE (the one in the cq:dialog and the in cq:editConfig for example).

This fixes the issue as you can see from this GIF:

Peek 2020-04-11 15-20.gif

 

View solution in original post

9 Replies

Avatar

Level 2
I already tried to overlay /libs/clientlibs/granite/richtext/core/js/HtmlRules.js and comment "obj.href = href + CUI.rte.Constants.EXTENSION_HTML + query + anchor;".

Avatar

Correct answer by
Level 10

Hi,

First of all, those are good instincts! 

However the solution is the following:

  1. Under the RTE node, create a child called htmlRules
  2. Under htmlRules create a child called links
  3. Add the following property to links:

 

 

ensureInternalLinkExt  --  Boolean  --  false​

 

 

 

Here is the resulting node structure:

Selection_111.png

PS: don't forget to add the htmlRules and links nodes to each RTE (the one in the cq:dialog and the in cq:editConfig for example).

This fixes the issue as you can see from this GIF:

Peek 2020-04-11 15-20.gif

 

Avatar

Level 2
Thanks a lot. That worked. However, I wanted to know what would be the correct approach to this problem resolution. I mean how could I have come to know myself about adding these nodes and properties would resolve the issue. The documentation at https://docs.adobe.com/content/help/en/experience-manager-65/administering/operations/configure-rich... does not have this information.

Avatar

Level 10

I agree, the documentation on this point is pretty terrible. I'd actually done this before but I had to remind myself 

So if you look at the code that you commented, you see that it is inside some if-blocks (here is a snippet of richtext.js

// add extension to internal links if necessary (relative links are considered
// internal links as well)
if (this.ensureInternalLinkExt && this.isPage(href)) {
    var anchor = '';
    if (anchorPos > 0) {
        anchor = href.substring(anchorPos, href.length);
        href = href.substring(0, anchorPos);
    }
    var query = '';
    var queryPos = href.indexOf('?');
    if (queryPos > 0) {
        query = href.substring(queryPos, href.length);
        href = href.substring(0, queryPos);
    }
    // add extension to href if necessary
    var extSepPos = href.lastIndexOf('.');
    var slashPos = href.lastIndexOf('/');
    var hasClosingSlash = (slashPos === (href.length - 1));
    if (((extSepPos <= 0) || (extSepPos < slashPos)) && !hasClosingSlash) {
        obj.href = href + CUI.rte.Constants.EXTENSION_HTML + query + anchor;
    }
}

The top-most condition checks a boolean variable called ensureInternalLinkExt. If we keep searching, we find that ensureInternalLinkExt comes from config, which is the same object that gives us the protocols:

config = config || {};
var defaults = {
'cssMode': 'auto',
'protocols': [
    'http://',
    'https://',
    'ftp://',
    'mailto:'
],
'targetConfig': {
    'mode': 'blank'
},
'ensureInternalLinkExt': true
};

 The documentation you linked to, if you read through it, does in fact explain how to set the protocols configuration (link to the relevant section here). So by logical deduction, we can assume that the same technique will work for ensureInternalLinkExt 
So yeah, if you are not familiar with the documentation or if you don't know much about RTE and editor plugins it's pretty hard to find (I remember when I first did this it probably took me over 2 hours to figure out, even though it seems kinda obvious now). It really should be documented better, but that's true of a LOT of things in AEM. On the plus side, that's why we get paid more than Java Spring developers or something XD If it was too easy, anybody could do it haha 

 

Avatar

Level 1

How to do this for content fragments where RTE is being used ?

 

Avatar

Level 2

Hello @Swati2212 and @hello299. Can you help me to resolve this problem in content fragement RTE? It would be a great help

 

Avatar

Level 2

Hi @ZeelTr1 

 

We basically need to use Jsoup since this is an RTE for removing the .html

 

 

 

 

 

 

Avatar

Level 1

hi 
Actually i need to get same code while i hiting sourceediit option in RTE

 

 

 


lok at which i have underlined in hyperlink when i added dummy function first it showing 


<h2>Overview</h2> <p><b>Challenge</b></p> <ul> <li>Make <a href="jav:ja(9)">millions</a> of files of mission-critical business data rapidly available to business analysts every day.</li> </ul> <p><b>Solution</b></p> <ul> <li>Deploy Pentaho Data Catalog to automate profiling and tagging of data sets and provide context for analyses.</li> </ul> <p><b>Outcome</b></p> <ul> <li>Automate processes to eliminate data anomalies with AI, accelerate data delivery to analysts, and facilitate compliance.</li> </ul>

 

after second time it sowing like this

 

<h2>Overview</h2> <p><b>Challenge</b></p> <ul> <li>Make millions of files of mission-critical business data rapidly available to business analysts every day.</li> </ul> <p><b>Solution</b></p> <ul> <li>Deploy Pentaho Data Catalog to automate profiling and tagging of data sets and provide context for analyses.</li> </ul> <p><b>Outcome</b></p> <ul> <li>Automate processes to eliminate data anomalies with AI, accelerate data delivery to analysts, and facilitate compliance.</li> </ul>


i need to see same again that i hit it again

 

Please can you give resolution for that