InterPro - How to Create Anchor Tags and Links

If you need to link to a specific section within a document, you can do so by using an anchor and a link that points to that anchor. This document contains step-by-step instructions on how to add anchor tags and links to your documents, both in the classic KB editor and the new KB editor.

Classic Editor

Refer to KB User's Guide - Documents Tab - How to Create Anchor Tags and Links.

New Editor

The new editor became an option for users in the KB Admin around Summer 2020. As of November 2020, both the classic and new editors are still available for use, but this might be subject to change in the future. The below instructions are adapted from the KB User's Guide documentation linked above.

1. Create the anchor for the section that you would like to link to.

  • Enter the text that will serve as the anchor and select it. Usually this is the heading for your section. Click the Anchor button on the WYSIWYG Editor.

1_AnchorText.png

  • Enter an anchor name. This should be one word with no spaces. Write down and/or remember the anchor name because this will be referenced when creating the link. Click OK.

2_Anchor-Name.png

  • Enter an anchor title. This should roughly match the heading of the section or otherwise describe the content near the anchor. You will not need to remember the anchor title. Click OK.

3_Anchor-Title.png

  • The highlighted text should now be preceded with an anchor icon and be subtly underlined. This means that your anchor has been successfully inserted.

4_AnchorDone.png

2. Create a link to your anchor, choosing one of the below options:

Link to Anchor on Same KB Document

  • Type the text that will serve as the link. Highlight the text and click the Link button on the WYSYWIG Editor.

1_LinkText.png

  • Enter the target URL of the link. This should be the name of the anchor you enter previously prefaced with a # character. It is recommended to not check the box for "Open in new tab," as you will be staying within the same KB document. Click Insert.

2_LinkURL_SameDoc.png

  • You will notice that the text will turn blue, showing that the link is set up.

3_LinkDone.png

  • You can click on the blue text to change the style, edit the link, or remove the link. It will turn red once you are clicked in and you will see the different options pop up.

4_LinkEditOptions.png

Link to Anchor on Another KB Document

  • Type the text that will serve as the link. Highlight the text and click the Link button on the WYSYWIG Editor.

1_LinkText.png

  • Enter the target URL of the link. This will be the last part of the URL of the outside KB document (for example: page.php?id=12345#anchorname). Make sure the "id=" matches the ID of the outside KB document. At the end of the URL, you will add the name of the anchor you previously created prefaced with a # character. You might want to check the box for "Open in new tab," if you would like to open the outside KB document in a new tab. Click Insert.

2_LinkURL-OutsideDoc.png

  • You will notice that the text will turn blue, showing that the link is set up. 

3_LinkDone.png

  • You can click on the blue text to change the style, edit the link, or remove the link.

4_LinkEditOptions.png



Keywords:
anchor link tag anchors add skip ahead 
Doc ID:
107173
Owned by:
Learning Design and Technologies Team in Interdisciplinary Professional Programs
College of Engineering
Created:
2020-11-13
Updated:
2024-11-01
Sites:
Interdisciplinary Professional Programs