Drupal CKEditor WYSIWYG HTML editor
25 Jun
You will need following things to get this done.
- Drupal’s ckeditor module from http://drupal.org/project/ckeditor
- Ckeditor library from http://ckeditor.com/download
1. Download and install module ckeditor from Drupals wesite mentioned in first step above.
2. Place this downloaded drupal module in your modules directory /modules or in /sites/all/modules folder
3. Enable this module from administer /admin/build/modules
4. Grant permissions for using CKEditor in the “Administer > User Management > Permissions” page.
5. Download CKEditor library from http://ckeditor.com/download and Unzip the contents of the “ckeditor” directory from the installation package to the “sites/all/libraries/ckeditor” directory. create directory “libraries” if it does not exist.
Note: you can skip uploading “_samples” and “_source” folders.
6. Adjust CKEditor profiles in the “Administer > Site configuration > CKEditor” page. Profiles determine which options are available to users based on system-wide roles. In each profile you can choose which textareas will be replaced by CKEditor, select a default toolbar, and configure some more advanced settings. NOTE: User 1 must be assigned a system role that corresponds to the privileges required. If no role is assigned to User 1, they will have the privileges of “authenticated user”.
7. For the Rich Text Editing to work you also need to configure your filters for the users that may access Rich Text Editing. Either grant those users Full HTML access or use the following tags:
<a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <strike> <caption> <tbody>
8. To have better control over line breaks, you may disable the Line break converter in the chosen filter (recommended).
