Accessibility links

Breaking News

Inserting links in CKEditor


This article explains how to insert links into content using CKEditor.

NOTE: For general information about CKEditor, refer to the alternative article below:

What's inside this article:



Insert a URL link

The steps below explain how to insert a link that points to a separate webpage:

  1. Select the text that you want to use as the link, then click the Insert Link icon.
  2. Complete the following details in the Insert Link dialog:
    • Link text: Optionally adjust the text that is displayed as the link.
    • Type: Select URL.
    • Full URL: Enter the full URL for the page you want the link to point to (for example, https://showcase-pangea-cms.com). The Protocol fills automatically based on the entered URL.
    • Target: Select how the webpage opens. The following options are available:
      • Open link in the same window: The webpage opens in the current tab.
      • Open link in new window: The webpage opens in a new tab.
  3. Click Save.

The link is now created. To remove the link, position the cursor next to the link, and select the Unlink icon.




Insert an anchor link

The steps below explain how to insert a link to a specific section on the same page. Follow the steps in the sections below in order:



Create an anchor

First, you need to create an anchor. This marks the section of the text that you want the link to point to.

Follow these steps:

  1. Select the text that you want to use as the anchor, then click the Insert Anchor icon.
  2. Complete the following details in the Insert Anchor dialog:
    • Anchor text: Optionally adjust the text that is displayed as the anchor.
    • Anchor name: Enter the name that you will use to identify the anchor when you insert the link.
  3. Click Save.

The anchor is created. You can now insert the link.



Insert the link

After creating an anchor, you can insert the link that points to the anchor.

Follow these steps:

  1. Select the text that you want to use as the link.
  2. Click the Insert Link icon.
  3. Complete the following details in the Insert Link dialog:
    • Link text: Optionally adjust the text that is displayed as the link.
    • Type: Select Link to anchor in the text.
    • Article anchor: Enter the Anchor name that you entered when you created the anchor.
  4. Click Save.

The link is now created. To remove the link, position the cursor next to the link, and select the Unlink icon.




Further recommendations

The following articles might be helpful:

Pangea CMS Guide

XS
SM
MD
LG