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)
 
(Article updated to include the commercial CKEditor for Drupal)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
{{#CUSTOMTITLE:How Do I Integrate CKEditor with Drupal?}}
 
{{#CUSTOMTITLE:How Do I Integrate CKEditor with Drupal?}}
Use the dedicated '''CKEditor module for Drupal''' that is available on its official website: http://drupal.org/project/ckeditor.
+
We have created a dedicated '''CKEditor for Drupal''' module that comes in two versions.
  
Download the module (use a version that is appropriate for your Drupal release &mdash; 6 or 7) and unpack it. Upload it to the <code>sites/all/modules</code> directory.
+
The first, commercial one includes a [http://ckfinder.com CKFinder] license as well as a dedicated e-mail support channel that you can use if you need help to install, configure, or customize the component. You can find it on the [http://ckeditor.com/ckeditor-for-drupal official CKEditor website] along with [[CKEditor_for_Drupal|extensive documentation]].
 +
 
 +
There is also a free version that is available on its official website: http://drupal.org/project/ckeditor. This does not include a CKFinder license, although the support for this file browser is built-in and you can enable it after you buy a license. The e-mail support channel is also not available. You can, of course, buy a separate CKFinder license at any time after you install the module or add a custom file browser solution and integrate it with the editor.
 +
 
 +
== Installation ==
 +
Whichever version you choose, the installation process is similar.
 +
 
 +
For the commercial module, use the instructions provided in the [[CKEditor_for_Drupal/Installation|Installation]] section of the documentation.
 +
 
 +
For the free version, [http://drupal.org/project/ckeditor download the module] (use a version that is appropriate for your Drupal release &mdash; 6 or 7) and unpack it. Upload it to the <code>sites/all/modules</code> directory.
  
 
Download the latest CKEditor version from the official download page for the editor: http://ckeditor.com/download.<br />
 
Download the latest CKEditor version from the official download page for the editor: http://ckeditor.com/download.<br />
 
Unpack it and upload to the <code>sites/all/modules/ckeditor/ckeditor</code> directory.
 
Unpack it and upload to the <code>sites/all/modules/ckeditor/ckeditor</code> directory.
  
Finally, turn on the module in the administration panel and configure it to customize it to your needs.
+
Finally, enable the module in the administration panel and configure it to customize it to your needs.
 +
 
 +
[[Image:CKEditor_Drupal.png|frame|center|Configuration panel of CKEditor module for Drupal]]
 +
 
  
 
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.

Latest revision as of 13:18, 28 December 2011

We have created a dedicated CKEditor for Drupal module that comes in two versions.

The first, commercial one includes a CKFinder license as well as a dedicated e-mail support channel that you can use if you need help to install, configure, or customize the component. You can find it on the official CKEditor website along with extensive documentation.

There is also a free version that is available on its official website: http://drupal.org/project/ckeditor. This does not include a CKFinder license, although the support for this file browser is built-in and you can enable it after you buy a license. The e-mail support channel is also not available. You can, of course, buy a separate CKFinder license at any time after you install the module or add a custom file browser solution and integrate it with the editor.

Installation

Whichever version you choose, the installation process is similar.

For the commercial module, use the instructions provided in the Installation section of the documentation.

For the free version, 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, enable the module in the administration panel and configure it to customize it to your needs.

Configuration panel of CKEditor module for Drupal


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

This page was last edited on 28 December 2011, at 13:18.