Skip to content
Technical University of Munich

Links

In TYPO3, you can create links in various places: within the body text (using the Rich Text Editor), in headings, on images, and for files. In all cases, the TYPO3 Link Browser opens, allowing you to select the link target.

Linking headings

Headings can be linked directly in the form field (not via the RTE):

  • Click the link icon next to the heading field in the editing form.
  • The Link Browser opens – enter the target URL or select a page.

Linking text (in the Rich Text Editor)

  1. In the RTE, select the text that should appear as a link.
  2. Click the Link button (chain icon) in the RTE toolbar.
  3. The Link Browser opens. Select the desired link type (from the tabs at the top) and enter the target.
  4. Click “Set Link”.

Linking images

  • Open the content element for editing.
  • Switch to the “Media” tab.
  • Click the Edit icon next to the image.
  • In the “Link” field, enter the target URL or click the link icon next to the field to open the Link Browser.

Note

An image link and the “Enlarge on Click” option are mutually exclusive and cannot be used simultaneously.

Option "no-hint"

Linked images display a small arrow icon by default. To disable it:

  1. Open the image metadata (Edit icon next to the image in the Media tab).
  2. Enter no-hint in the “CSS Class” field.
  3. Save your changes.

Link to an internal page or directly to a content element

Linking to an internal page:

  1. In the Link Browser, switch to the “Page” tab.
  2. In the left pane, you will see your page tree. Click the target page.
  3. Click the chain icon next to the page name to create the link.

Linking directly to a content element:

  1. Click the page title (instead of the chain icon).
  2. All content elements on that page will be displayed on the right.
  3. Click the desired content element.

Window options:

  • Leave empty or select “Top” → The link opens in the same window.
  • Select “New Window” → The link opens in a new tab.

Link to a specific section ("anchor")

Anchor links allow visitors to jump directly to a specific section of a page.

Step 1 – Create an anchor:

  1. Open the content element where you want to place the anchor.
  2. In the RTE, click at the desired position within the text.
  3. Click the Anchor button (bookmark icon) in the toolbar.
  4. Enter a unique name (lowercase letters only, no spaces, e.g. contact).
  5. Save the content element.

Step 2 – Create a link to the anchor:

  • If the anchor and the link are on the same page: In the Link Browser, open the “Page” tab, select the page, and append #anchorname to the URL.
  • If the anchor is on a different page: Use the full URL, for example: www.example.com/page#anchorname.

Further information about managing anchors can be found on our instruction page.

Link to an internal file

  1. In the Link Browser, switch to the “File” tab.
  2. Navigate through your folder structure to the desired file (e.g. a PDF).
  3. Click the file name to create the link.

Alternative

For file lists containing multiple documents, the “File Links” content element is often a better choice, as it offers more formatting options, see the “File links” page.

Linking to external websites

  1. In the Link Browser, switch to the “External URL” tab.
  2. Enter the full URL, including https:// at the beginning.
  3. Click “Set Link”.
  4. Choose a window option:
    • “Top” → Opens the link in the same window.
    • “New Window” → Opens the link in a new tab.

Linking to an email address

  1. In the Link Browser, switch to the “Email” tab.
  2. Enter the email address.
  3. Click “Set Link”.

Linking to a protected area

If you link to a protected area, it is recommended to visually indicate this:

  1. In the RTE, click the link text that has already been created.
  2. Open the Styles menu in the RTE toolbar.
  3. Select “Locked URL” – a lock icon will be added to the link.
  4. Save your changes.

Editing or removing links

Editing a link:

  1. In the RTE, click the linked text (place the cursor inside the link).
  2. In the link toolbar that appears, click the "Edit" icon (pencil).
  3. The Link Browser opens. Change the target and confirm your changes.

Removing a link:

  1. In the RTE, click the linked text.
  2. Click the "Unlink" icon (broken chain) in the link toolbar.

Overview of all link types

In the Link Browser, select the appropriate tab at the top:

TabPurpose
PageLink to an internal page on your TUM website
FileLink to a file in your file storage (e.g. a PDF)
External URLLink to an external website
TelephoneClickable phone number (tel: link)
EmailClickable email address (mailto: link)
NewsLink to a news article (only available if the News extension is enabled)
To top