Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Creating Anchor Links in AEM 6.4

Avatar

Avatar
Ignite 1
Level 2
Clarence_Bunch
Level 2

Likes

9 likes

Total Posts

19 posts

Correct Reply

1 solution
Top badges earned
Ignite 1
Validate 1
Shape 1
Boost 5
Boost 3
View profile

Avatar
Ignite 1
Level 2
Clarence_Bunch
Level 2

Likes

9 likes

Total Posts

19 posts

Correct Reply

1 solution
Top badges earned
Ignite 1
Validate 1
Shape 1
Boost 5
Boost 3
View profile
Clarence_Bunch
Level 2

06-04-2021

How do you create Anchor Link in AEM 6.4?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Affirm 100
Level 10
asutosh_jena
Level 10

Likes

373 likes

Total Posts

479 posts

Correct Reply

133 solutions
Top badges earned
Affirm 100
Ignite 1
Establish
Give Back 50
Give Back 5
View profile

Avatar
Affirm 100
Level 10
asutosh_jena
Level 10

Likes

373 likes

Total Posts

479 posts

Correct Reply

133 solutions
Top badges earned
Affirm 100
Ignite 1
Establish
Give Back 50
Give Back 5
View profile
asutosh_jena
Level 10

06-04-2021

Hi @Clarence_Bunch 

Do you mean by jump links/hash links? i.e. something with #abcd in the URL and it will take you to certain position in the website?

 

If this is the ask then, you can configure the id attribute to any of the component that you have on your website so that the markup will have an attribute in DOM such as:

 

<div id="abcd" class="Something">Some Content</div>

 

Now in your RTE component, you can configure the link as #(id) i.e. #abcd in this case and save the dialog. Now whenever you will click on the Some Content link, it will take you to the destination hash link.

 

Let me know if there is any other requirement that I might have misunderstood.

 

Thanks!

Answers (4)

Answers (4)

Avatar

Avatar
Ignite 1
Level 2
Clarence_Bunch
Level 2

Likes

9 likes

Total Posts

19 posts

Correct Reply

1 solution
Top badges earned
Ignite 1
Validate 1
Shape 1
Boost 5
Boost 3
View profile

Avatar
Ignite 1
Level 2
Clarence_Bunch
Level 2

Likes

9 likes

Total Posts

19 posts

Correct Reply

1 solution
Top badges earned
Ignite 1
Validate 1
Shape 1
Boost 5
Boost 3
View profile
Clarence_Bunch
Level 2

07-04-2021

How do we add or edit the id from an authoring perspective if we don't have access to the HTML.

Avatar

Avatar
Ignite 1
Level 2
Clarence_Bunch
Level 2

Likes

9 likes

Total Posts

19 posts

Correct Reply

1 solution
Top badges earned
Ignite 1
Validate 1
Shape 1
Boost 5
Boost 3
View profile

Avatar
Ignite 1
Level 2
Clarence_Bunch
Level 2

Likes

9 likes

Total Posts

19 posts

Correct Reply

1 solution
Top badges earned
Ignite 1
Validate 1
Shape 1
Boost 5
Boost 3
View profile
Clarence_Bunch
Level 2

07-04-2021

From an email.  I want to link to a specific image or text in the AEM page.  I don't have the anchor addin.  How can you accomplish this from the RTE?

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,260 likes

Total Posts

3,149 posts

Correct Reply

886 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,260 likes

Total Posts

3,149 posts

Correct Reply

886 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

07-04-2021

Hi, To create anchor functionality - 

1. Create an anchor component for Target jump, that asks for an id and create an empty div only with id.

2. Update/extend the link component and add an option to provide anchor text(trigger point) and from java/backend or from frontend append an anchor to link(link#anchor)

Avatar

Avatar
Validate 25
MVP
bsloki
MVP

Likes

182 likes

Total Posts

1,859 posts

Correct Reply

545 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Boost 50
Boost 5
View profile

Avatar
Validate 25
MVP
bsloki
MVP

Likes

182 likes

Total Posts

1,859 posts

Correct Reply

545 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Boost 50
Boost 5
View profile
bsloki
MVP

06-04-2021

Hi, when you say creating Anchor Links, can you give more details on where are you looking to create it ? within component, within page authoring ?