Last updated March 25, 2011. Created by kaybee57 on April 15, 2009.
Edited by silverwing. Log in to edit this page.
Having spent many frustrating hours and working my way around questions and answers on this site - I was determined to sit until I had solved my problem - and I did!
My problem was:
All I wanted to do was have a user-friendly icon somewhere so that once my sites were finalised, clients could easily add an image to their web page.
Easily done??? No!!!!
Here's what I came up with, (a basic run-down) step-by-step, and voila! I can now easily insert images of my choosing and from my PC, onto a web page. I thought I was a nerdy sort but boy, did this have me stumped!
Clean out everything first (after all, you have done 'everything possible' to make things work and put all sorts of stuff into the system!)
○ Un-install all image modules (untick modules PLUS uninstall them)
○ Open an FTP program and delete the images folder under sites/default/files
○ Within that FTP program, create a new images folder (yes, just reverse of what you have just undone!)
○ Clear cache (administer/site configuration/performance)
○ Website - Go to Site Configuration / File System and check the File System path is "sites/default/files" with the Temporary directory as "/tmp" and download method "Public"
○ Go back to your modules and install the Image module only at this stage - your default image path should read 'images' without any further 'fiddling'
○ Install new modules "WYSIWYG" "API Bridge" "TINYMCE" and "IMCE" (TINYMCE MUST be installed in it's own folder "TINYMCE" within the WYSIWYG folder)
○ Go to Site Configuration, INPUT FORMATS, and set the default format to FULL HTML (you can change it back later when you are familiar with formats, wysiwyg and TinyMCE
○ Configure the roles who you will allow to use Full HTML
○ Now go to Site Configuration/WYSIWYG and select the Full HTML format to be TinyMCE. If you do not see it as a selection option, check that TINYMCE has been installed into it's own folder under the WYSIWYG module.
○ Click on Edit - Leave Basic Setup for now, Click on Buttons and Plugins and select those icons you wish to be able to use when creating a webpage. Ensure "Image" is one of those selected items MAKE SURE "IMCE" is also selected (usually the last button item). HTML Block format is another good one to use if you are using Styles through your website.
○ Ignore "Editor Appearance" and "Cleanup and Output" (for now)
○ Under CSS, ensure the Editor CSS is "Editor default CSS".
○ Save
Now . . .. Theoretically you 'should' be able to Add Content having the Tiny MCE Module come up for editing, an image icon on the tool bar, and when you click on the image icon, at the end of the first line saying "IMAGE/URL" there should be a small "BROWSE" box.
The rest I will leave up to you - all this helped me get over a massive hurdle of trying to integrate images in a user friendly way onto web pages.
I'm happy now - It works!!!