By default, Drupal does not install any type of editor for adding styling to content. The good thing about that is you get to choose which one you want to use.

The CKEditor is one of the most popular WYSIWYG editors and with version 3.6.1 the installation is a little simpler than previous versions. Here's how to do it.

1. Download the CKEditor Wrapper

tutuploads1._Download_the_CKEditor_Wrapper.png

Download the wrapper from http://drupal.org/project/ckeditor

On drupal.org, when you download 7.x.1.2 (or the the most current version) you are only downloading a module that creates the directory structure and prepares Drupal for the installation of the CKEditor.

2. Download the CKEditor

tutuploads2._Download_the_CKEditor.png

Go to http://ckeditor.com/download and download either the .tar or .zip version of the CKEditor. Save it to your hard drive.

3. Install the Module

tutuploads3._Go_to_the_Modules_page_to_begin_the_installation..png

Click Modules >>Install new module on and upload and install the module.

4. Upload and install CKEditor 7.x

tutuploads4._Upload_and_install_the_CKEditor_7.x.png

Click the browse button, find the file you want to upload, then click Install.

When you get the completion message, you can click "Enable the module", but don't enable yet. You can't enable the module until you've uploaded the CKEditor itself.

5. Use FTP or a file manger to access your sites/all/modules directory

tutuploads5._Use_FTP_or_a_file_manger_to_access_your_sitesallmodule.png

When the CKEditor wrapper is installed you will see an additional folder called ckeditor in your sites/all/modules directory. Note that there are two ckeditor folders. There will be one at sites/all/modules/ckeditor and another at sites/all//modules/ckeditor/ckeditor. The second one will be empty except for a text file named COPY_HERE.txt.

6. Uncompress the CKEditor you downloaded, and upload it to the empty folder sites/all/modules/ckeditor/ckeditor

tutuploads6.png

7. Enable the Module

tutuploads7._Enable_the_Module.png

Return to the Module list page on your site, and there will be a new section called User Interface. Expand it, if it's not already, and check the enabled check box. Be sure to go to the bottom of the page and Save configuration.

8. Configure the module

tutuploads8_868daa133ead471edda17fd1f72845b9.png

After you have enabled the module you will see some additional links on the module list page.

  • Permissions: this is where you well set user permissions and grant access to different user levels.
  • Configure: This is where you will activate the modules features.

9. Set Permissions For Users.

tutuploads9._Set_Permissions_For_Users..png

When you click Permissions there will be an additional section added to the list for the CKEditor. There will be a column for each user level, and putting a check in the box activates the editor for that user level. Defaults are Anonymous User - OFF, Authenticated User -OFF, Administrator-ON. Administrator will already be checked by default. You assign permissions to other users.

10. Configure the Editor

tutuploads10.png

On the module list page, choose configure and you will see the Profiles and Global settings. Click edit on each of these and adjust your settings for each option.

At this point you will be done with the basic installation, but you may want to add an image finder for inserting images and links to content. That functionality is available in CKFinder, which you can add to CKEditor. Click here to read our tutorial on installing CKFinder.

Login to post comments

advertise with us

Boost your traffic and expand your pool of potential customers

8000 active members

Ready to join Now?

CMS Portal - The free marketplace for submitting Joomla, Drupal, Wordpress, Magento, phpBB, Prestashop, vBulletin, Opencart Templates and more.

FOLLOW US

Email Newsletters

Make sure you don't miss interesting happenings by joining our newsletter program.
konya escort eskisehir escort canakkale escort samsun escort balikesir escort aydin escort hatay escort kahramanmaras escort giresun escort tokat escort
Joomla Templates Free Joomla Templates Virtuemart Templates K2 Templates JoomShopping Templates HikaShop Templates SobiPro Templates OpenCart Themes
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes
bettilt
tempobet