Skip to content

Latest commit

 

History

History
50 lines (37 loc) · 2.26 KB

File metadata and controls

50 lines (37 loc) · 2.26 KB
title weight
Adding Links
1

{{< youtube id=-AJLwiKC3oE >}}


Links are simple in YMCA Website Services - just highlight your text and click the link icon (🔗) or type Ctrl / Cmd + K. Once the pop-up appears, type your URL into the field and click Save.

Read more and demo this on CKEditor Site.

{{< tabpane text=true >}} {{% tab header="CKEditor 5" lang="cke5" %}} The link button in the CKEditor 5 toolbar. The link popup in CKEditor 5. {{% /tab %}} {{% tab header="CKEditor 4" lang="cke4" %}} The link button in the CKEditor 4 toolbar. The link popup in CKEditor 4. {{% /tab %}} {{< /tabpane >}}


Advanced options

In the Advanced options of the link dialog, you can add attributes to links, including a label, HTML ID, and CSS classes. You can also opt to have your link open in a new window/tab.

{{< tabpane text=true >}} {{% tab header="CKEditor 5" lang="cke5" %}} The advanced link options in CKEditor 5. {{% /tab %}} {{% tab header="CKEditor 4" lang="cke4" %}} The advanced link options in CKEditor 4. {{% /tab %}} {{< /tabpane >}}

Linking tips

  • For links on your website, don’t use the full URL. Delete everything beginning with the / after your .com, .org, etc.
    • For example, for ymca.org/about, you would choose /about. This is called the relative path, and it will help your analytics tracking.
  • For links on other websites, grab the full URL, including the https://.
  • For email links, add "mailto:example@exampleymca.org."

To update/change a link, click on the link text then click the link icon or use the popup options (in CKEditor 5).

To remove a link, highlight the link text and click the unlink icon.