Install WYSIWYG editor using CKEditor

Requirements

  • Your must have Administer->Site configuration->Clean URLs enabled. Otherwise, you will not be able to preview uploaded images.

Installation

  1. Download and decompress the following modules into your ..../sites/all/modules directory:
  2. Create ..../sites/all/libraries/directory.
  3. Download CKEditor and decompress it into ..../sites/all/libraries/directory. So the actual library can be found at ..../sites/all/libraries/ckeditor/ckeditor.js
  4. Download and decompress jQuery UI.Rename development-bundle/ directory to jquery.ui and move it to ..../sites/all/modules/jquery_ui/ directory.
  5. Go to Administer->Site building->Modules and enable WYSIWYG Image upload and ImageAPI GD2.

Setup

  1. Go to Administer->Site configuration->Wysiwyg.
  2. For the Filtered HTML, select CKEditor 3.4.1.5892 editor. Click on the Save button and then on the Edit button.
  3. Click on the Buttons and plugins section. Check on any buttons that you would like to appear on the rich textarea. Note: Don't forget to check Image uploading. With this button enable, users will be able to upload their image to your server. Then on the Save button.
  4. >Go to Administer->User management->Permissions and check use wysiwyg image upload for at least authenticated user.
  5. Go to Administer->Site configuration->Input formats.
  6. For Filtered HTML, click on the configure link and check Drupal Wiki inline-images filter.
  7. Click on Configure again and add <img> in Allowed HTML tags.
  8. Click on the Save configuration button.