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 pop-up should then appear titled Link.
  5. To link to a website simply type in the URL of a website and click OK.  Skip to step 9.
  6. To link to a file click the Browse Server button for the FCK editor (first left) and CK Editor (second).
    Screen image of browse server button   Screen image of CK editor browse server button
  7. Another new pop-up window should appear.  In this pop-up 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/website 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. 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 pop-up.
    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.