Search code examples
aem

AEM anchor tag stripped out in locahost


When I use an anchor tag without an href="" all is good and the button style is there, the second a add an href it completely removes the anchor tag and leave only the text inside the parent div

without href:

<div class="container">
 <a class="button"> my button</a>
</div>

result in browser devtools

<div class="container">
 <a class="button"> my button</a>
</div>

with href

<div class="container">
 <a  href="/content/mypage.html" class="button"> my button</a>
</div>

result in browser

<div class="container">
 my button
</div>

Solution

  • Looks like this could be the work of the link checker. Try adding x-cq-linkchecker="skip":

    <div class="container">
     <a x-cq-linkchecker="skip" href="/content/mypage.html" class="button"> my button</a>
    </div>