Last updated August 27, 2015. Created on January 14, 2010.
Edited by kenisha.lehari, davidneedham, Elijah Lynn, NewSites. Log in to edit this page.

The CKEditor module replaces plain textarea fields with CKEditor, a visual HTML editor, sometimes called WYSIWYG editor.

It's a very fast HTML editor that runs in a browser and doesn't require any kind of installation on the client computer. CKEditor is a core module as of Drupal 8

To see CKEditor in action, visit CKEditor web site or Drupal + CKEditor demo.

Features

Some features of the CKEditor module:

  • ready to use plugins and buttons for <!--break-->and <!--pagebreak--> tags
  • support for external file browsers, like CKFinder, IMCE (See instructions for CKfinder/CKEditor integration)
  • linktocontent and linktonode plugins and buttons for easy linking to nodes or menu items.
  • each user may have it's own configuration (choose skin, toolbar, language, default state of CKEditor, etc.)
  • and much more!

Browser compatibility

CKEditor is compatible with most of the internet browsers, including

  • Internet Explorer 6.0+
  • Firefox 2.0+
  • Safari 3.0+
  • Opera 9.5+
  • Google Chrome
  • Camino 1.0+

Useful links

Looking for support? Visit the Drupal.org forums, or join #drupal-support in IRC.

Comments

gbirch’s picture

The main project page has a "Note for CKEditor 4.1+ users" which is a bit obscure. But it's very, very important:
if you have a modern version of CKEditor installed, then no matter what your "Full HTML" settings are, CKEditor will strip out any inline tags when you switch to "Source" view and then back. Follow the instructions under the note to disable this extraordinarily annoying behavior.

G Birch
Tech-Tamer.com

NewSites’s picture

I added on the page a link to instructions for CKFinder/CKEditor integration. The instructions are on the CKSource website, the publishers of CKEditor and CKFinder. This was hard to find and there's a lot of confused information on the Internet about how to do it, including alternate instructions on the very same CKSource website that are for non-Drupal installations, but don't say so! Following those alternate instructions in Drupal leads to multiple errors, but the Drupal-specific instructions at the link added to the page work perfectly.

bitcookie’s picture

Here's some additional documentation on the CKEditor module, including instructions on theming and plugin development. Would it be worthwhile to include here?

http://bitcookie.com/blog/drupal-ckeditor-setup-development-tutorial

We're a studio in Asheville NC that specializes in Drupal sites. Check out our work! http://bitcookie.com