Skip to content.
NDSU
Text Size

Inserting links & anchors

Insert link "to top"

To automatically insert a link back to the top of a page after a content element,

  1. Edit the content element
  2. Select the General tab
  3. Check the To top: checkbox
  4. Save/publish the content element as usual

The To top checkbox has been selected in this content element for demonstration.

Tip: The "to top" link won't be visible in the print version of the page if you insert it using this method, making it ideal for online manuals visitors often print.

To top

Insert links using the Rich Text Editor (RTE)

Zoom
Insert/Modify Link window
  1. Type the text that should be displayed in the page as a link,
    for example "Visit the RTE help page"
  2. Select (or highlight) the text that should become a link
  3. Click the Insert Web Link button
    • This opens the Insert/Modify Link window shown at right
  4. Set the link location (explained below)

Link to a page within TYPO3

  1. In the Insert/Modify Link window, select the Page tab
  2. (optional) Style: drop-down menu
    Set the appearance of the link
  3. (optional) Title: field
    Set the text that displays when a visitor hovers their mouse cursor over the link
  4. Select the desired page from the Page tree to create the link

Link within the current TYPO3 page

  1. In the Insert/Modify Link window, select the Page tab
  2. Click the orange right arrow http://www.ndsu.edu/fileadmin/templates/images/t3/icons/gfx/ol/arrowbullet.gifbutton next to the page title
  3. (optional) Style: drop-down menu
    Set the appearance of the link
  4. (optional) Title: field
    Set the text that displays when a visitor hovers their mouse cursor over the link
  5. From the Content elements list that appears right of the page tree, select a content element to create the link

Link to a page outside of your TYPO3 site

  1. From the Insert/Modify link window, select the External URL tab
  2. URL: field
    Enter the complete URL to the page
  3. (optional) Style: drop-down menu
    Set the appearance of the link
  4. (optional) Title: field
    Set the text that displays when a visitor hovers their mouse cursor over the link
  5. Click the Set link button to create the link

Link to a file

  1. From the Insert/Modify link window, select the File tab
  2. (optional) Style: drop-down menu
    Set the appearance of the link
  3. (optional) Title: field
    Set the text that displays when a visitor hovers their mouse cursor over the link
  4. Browse to the file in the Folder Tree:, below (click + buttons to expand folders). Select the file name to create the link

Link to an e-mail address

  1. From the Insert/Modify link window, select the Email tab
  2. Email address: field
    Enter the complete e-mail address, including the "@ndsu.edu," if an NDSU e-mail address
  3. (optional) Style: drop-down menu
    Set the appearance of the link
  4. (optional) Title: field
    Set the text that displays when a visitor hovers their mouse cursor over the link
  5. Click the Set Link button to create the link

Note: Be sure to enter useful text in the Title: field. This is the help text that displays when a visitor hovers their mouse cursor over the link.

Tip: Use the Style: pull-down menu to change the appearance of links.

Edit a link

If you need to update a link (the link target, style, title, etc.) you should avoid selecting (highlighting) the link. If the selected text is not identical to the original link declaration, a nested link may be created. Instead, follow the procedure outlined below.

If you have a right mouse button,

  1. Right-click the link you wish to edit
  2. Select Modify Link from the context menu
  3. Update the link using the same directions as creating a link, above

Or, if you do not have a right-click mouse button,

  1. Select the link by putting your cursor anywhere in the link
  2. Click the Insert Web Link button
  3. Update the link using the same directions as creating a link, above

Remove a link

If you have a right-click mouse button,

  1. Right-click the link you wish to remove
  2. Select Remove Link... from the context menu
  3. Click OK in the confirmation dialog window

Or, if you do not have a right-click mouse button,

  1. Select the link by putting your cursor anywhere in the link
  2. Click the Insert Web Link button
  3. Click the Remove link button/tab

Internal link vs. External link

TYPO3 uses the vocabulary "internal link" and "external link" to refer to two kinds of links.

Internal link is inserted ONLY if a link is inserted using the rich text editor's link wizard  and select a page using the TYPO3 page browser.

External links are inserted if you type a Web address in the rich text editor, copy-and-paste a Web address from another location, or use the rich text editor's link wizard to insert a link to an External URL.

Verify links function

It is advisable to test links before publishing content to your Web site to verify visitors will arrive at the desired location when they click the link. To test links from within the Rich Text Editor,

  1. Right-click the link
  2. Select Check Link from the context menu
  3. In the browser window or tab that opens, verify that the displayed page is correct. If it is not correct, return to the RTE to edit the link properties and correct the problem
  4. Repeat for each link in the content element

If the content has been saved, you may also click links in a page preview to determine whether the link works as desired.

Note that links to unpublished pages may not work, unless you preview them from within TYPO3 and are logged in to the URLs posted on the CMS home page.

Special considerations when copy-and-pasting content from external sources

Links in other sources may not use the same URL format as CMS, and may reference outdated materials on another server. There is no bulk fix available to repair links pasted from outside sources that point at the wrong target.

If you are in the process of migrating a site from another server to CMS, you should verify that the page displayed in the check step above is not located in the "old" site, as this will not be available after go-live.

For example, if your old site is www.ndsu.edu/foo and you check a link, look at the address bar to see what the URL of the page is. If it begins with www.ndsu.edu/foo, this will not work after go-live. You should migrate that content to another location (such as CMS) and update the link accordingly.

Last updated: Wednesday, May 27, 2009 4:25:55PM

Site Manager: Web Master
Published by Enterprise Computing and Infrastructure

Enterprise Computing and Infrastructure
Phone: (701) 231-7961
IACC 206
1320 Albrecht Boulevard - Fargo, ND 58105