To install, follow these steps:
- Download https://www.drupal.org/project/wysiwyg. Make sure to download the development version 7.x-2.x-dev as this one supports newer CKEditor 4.5.x version
- Extract the flie and upload it to /sites/all/modules/ in your Drupal installation
- Download CKEditor - http://ckeditor.com/download. The standard package is sufficient.
- Extract the file, rename it to ckeditor and upload it to /sites/all/libraries/ in your Drupal installation.
- Go to modules setting page and enable wysiwyg module.
- Go to wysiwyg profile page (admin path: /admin/config/content/wysiwyg). Under 'editor' column, enable it for Full HTML text format by selecting it in the dropdown and click on save button.
- Now click on the 'edit' link, this will take you to a page where you can add which plugin buttons you want for the editor. Tick each one you want and click on save button to save your changes.
That's it, now you can go check it is is working. Add a content and under Text format, select Full HTML. If everything is fine, you shuold now see the CKeditor and all the button plugins you have chosen.
But it's not over yet, the image button is very basic and only allows you to enter the path to the image, totally not usable. To overcome this limitation and allow end users to upload and embed an image into your content, you will need either Media or IMCE module.
I generally fine it's much easier to integrate IMCE so we will go with this.
- Download https://www.drupal.org/project/imce and https://www.drupal.org/project/imce_wysiwyg
- Extract both modules to /sites/all/modules/ in your Drupal installation
- Enable both IMCE and IMCE wysiwyg modules in module settings page
- Go to wysiwyg profile (admin path: /admin/config/content/wysiwyg) and click on 'edit' link for your profile.
- Find IMCE in the 'button and plugin list' and enable this, and click on save.
Now if you click on the image button in CKeditor, you should see a browse server button. This will allow you to upload images and store it on your website to be inserted into content.
