Image uploading/attaching with FCKEditor

Often with the sites I've built, I have to explain over and over again how to attach an image using the FCKEditor (or CKEditor)/IMCE combination that has become part of my standard template install.

This is a mini-tutorial on how to attach an image.  If I sent you to read this and you still have questions, just let me know!

To upload an image:

  1. click the image icon icon in the editor toolbar.  
  2. In the resulting pop-up, click the 'Browse Server' button. 
  3. In THAT pop-up, you can click the 'Upload' button at the top of the page. 
  4. A file chooser dialog will appear, click 'Browse...' to find the image file you want to upload.
  5. Click the 'Upload' button and the image will upload

This process will create various-sized thumbnails you can reference.  Those thumbnails will have prefixes added to the file name to differentiate them.

To attach a file to a particular page/profile/whatever (node), see the 'file attachments' section on the edit page (below the editor window).  This can be used to attach an image as well, and is not a bad idea for images and photos that are tied to the particular page (node) being edited.

Free Tag: