Insert a Link in Drupal Using the FCK or CK Editors

In this tutorial, you'll learn how to insert a link in your Drupal webpage using the FCK or CK Editor. (Click on thumbnails for a larger view.)

  1. First, find the page you wish to edit and click the "Edit" tab.  (Note: You will have to be signed in to Drupal in order to do this).
  2. After you've clicked the "Edit" tab, scroll down to the "Body" editing box. The editor should resemble the MS Word toolbar somewhat.
    Screen image of editor toolbar
  3. Highlight the text you wish to have a link added to.
  4. Click the Insert/Edit Link button (A chain link with the Earth behind it).  A popup should then appear titled, "Link."
  5. To link to a website: simply type in the URL of a website, click OK.  Skip to step 9.
  6. To link to a file: click the "Browse Server" button for the FCK editor (1st left) and CK Editor (2nd).
    Screen image of browse server button   Screen image of CK editor browse server button
  7. Another new popup window should appear.  In this popup window, click the "Upload" tab. (FCK editor (1st left) and CK Editor (2nd))
    Screen image of upload button Screen image of CK Editor upload button
  8. A file browser should drop down.  Click the "Browse" button next to the file browser. (FCK editor (1st left) and CK Editor (2nd)).
    Screen image of editor browse button Screen image of editor browse button
  9. Once you've found the file you want to attach, click the "Open" button.  Then click "Upload."
  10. The file should now appear in the "File Name" listing.
    Screen image of file browser and file name Screen image of file name and file browser for CK editor
  11. Finally, click on the "Send to FCK Editor" tab near the top right of the window.
    Screen image of CK editor "send to" tool  Screen image of CK insert file tool
  12. Click "OK" in the Link popup.
    Screen image of Ok button for the FCK editor Screen image of the OK button for the CK editor
  13. The text you originally highlighted in the "Body" editing box should now be hyperlinked to the desired website or file.  Scroll down and click the "Save" button.

Congratulations! You now know how to insert a link in Drupal using the Editor toolbar.