WYSIWYG Style Image Uploading in Drupal
Install WYSIWYG module
Install IMCE module
Install IMCE WYSIWYG bridge module
You also need to downlaod CKEditor separately from its website and place it into /sites/all/libraries/
(also install CKEditor Link module while you're at it)
Make sure you assign an IMCE profile to any editors. You may want to include subdirectories (which you should create in advance), to separate images from pdfs, for instance.
In WYSIWYG settings, you'll need to assign CKEditor to any profiles you're using, and make sure to enable the appropriate editor buttons.
In input filters, make sure to enable the CKEditor Link filter
To insert an image from CKEditor while editing a node:
- click the "insert image" icon.
- click "Browse Server" button
- it should show you the files already uploaded to the server (and you can navigate directories as allowed in the settings)
- if you want to upload a new file, click "upload", and browse your local system for it
- when you've found the right image, you can click "insert"
To insert a link to a PDF or other file from CKEditor:
- click the "link" icon (with the chain)
- make sure link type is URL
- click the "browse server" icon
- now you can follow the same instructions as above
(Also, with the CKEditor Link module, you can insert a link to another Drupal node: set link type as "Drupal", then start typing the title of a node. It will do a search and show matching nodes. That way if those nodes are renamed or moved or whatever, the link will always be up to date. And yes, the url as displayed on the site will include whatever proper path alias you may have set using Path.)