How Do I Integrate CKEditor with Drupal?

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

(Article contents added)
 
(Screenshot added)
Line 10: Line 10:
  
 
You can check the [http://drupal.ckeditor.com/ demo site] of '''CKEditor + Drupal''' to see the module at work as well as find some installation tips and screencasts.
 
You can check the [http://drupal.ckeditor.com/ demo site] of '''CKEditor + Drupal''' to see the module at work as well as find some installation tips and screencasts.
 +
 +
[[Image:CKEditor_Drupal.png|frame|center|Configuration panel of CKEditor module for Drupal]]

Revision as of 13:26, 23 March 2011

Use the dedicated CKEditor module for Drupal that is available on its official website: http://drupal.org/project/ckeditor.

Download the module (use a version that is appropriate for your Drupal release — 6 or 7) and unpack it. Upload it to the sites/all/modules directory.

Download the latest CKEditor version from the official download page for the editor: http://ckeditor.com/download.
Unpack it and upload to the sites/all/modules/ckeditor/ckeditor directory.

Finally, turn on the module in the administration panel and configure it to customize it to your needs.

You can check the demo site of CKEditor + Drupal to see the module at work as well as find some installation tips and screencasts.

Configuration panel of CKEditor module for Drupal