Hi everyone. please help me install ckeditor on drupal 7

Comments

kokki’s picture

Hi,
I have Drupal 7.0 on "WAMP localhost". Two steps to take - in FOLLOWING order.

First you must install CKEditor "3x" from ckeditor.com.
Directory path: ...WAMP/WWW/"your drupal"/SITES/ALL/MODULES/ install here

Secondly install CKEditor "7x" (wysiwyg) from ckeditor.drupal.org (??my own memory??, if not browse drupal.org for CKEditor)
Directory path: ...WAMP/WWW/"your drupal"/SITES/ALL/MODULES/CKEDITOR/ install here

Final dir path: ...WAMP/WWW/"your drupal"/SITES/ALL/MODULES/CKEDITOR/CKEDITOR

If everything went ok, you´ll find a brand new module in Modules section. Check square, save and start producing tons of content. If not try to check what went wrong, read "manuals, forum topics" etc => introduce yourself to drupal. Good place for video tutorials www.learningbythedrop.com

zeta1600’s picture

First you must install CKEditor "3x" from ckeditor.com.
Directory path: ...WAMP/WWW/"your drupal"/SITES/ALL/MODULES/ install here

Secondly install CKEditor "7x" (wysiwyg) from ckeditor.drupal.org (??my own memory??, if not browse drupal.org for CKEditor)
Directory path: ...WAMP/WWW/"your drupal"/SITES/ALL/MODULES/CKEDITOR/ install here

Shouldn't this be the other way around instead?

First install CKEditor "7x" from: http://drupal.org/project/ckeditor
Directory path: /SITES/ALL/MODULES/CKEDITOR <-- install here

Second you must install CKEditor "3x" from: http://ckeditor.com.
Directory path: ...WAMP/WWW/"your drupal"/SITES/ALL/MODULES/CKEDITOR/CKEDITOR <-- install here

Then, enable...

Yams’s picture

I've been trying for the past few weeks to install CKEditor, but it seems like I'm missing some really obvious point. I am using Drupal 7 and installed the latest version of CKEditor.

I have it on my Drupal site. I verified the installation by testing out the sample pages and they worked out fine. However, I still cannot use the WYSIWYG editor when I edit my nodes. I can only edit with the plain text editor. I've scoured my administrative settings, and as far as I can tell, it should work. In both of my profiles (full and advanced/filtered) I have the default state set to "enabled" and the show/disable rich text editor toggle as "show".

I'm not really sure why it isn't working. Any ideas?

Thanks!

Edit: nevermind. I updated to the most recent version and re-installed and it seems to have solved the problem.

farmerdave’s picture

After the default installation of Drupal 7, CKEditor was not working, even after following the above advice precisely. I then enabled PHP Filter, and CKEditor worked!

doreenchee04’s picture

Thank you for posting your experience, you saved me much time in trying to get it to work. :)
Appreciate your post!

trkest’s picture

This took me an age to get right when configuring drupal 7 on a new host (namesco) so I thought I would share the final setting that worked:

Path to CKEditor: /sites/all/modules/ckeditor

Local path to CKEditor: /content/Hosting/i/d/example.com/web/sites/all/modules/ckeditor

Path to the CKEditor plugins directory: /sites/all/modules/ckeditor/plugins

Local path to the CKEditor plugins directory: /content/Hosting/i/d/example.com/web/sites/all/modules/ckeditor/plugins

stralim’s picture

I am trying to install in drupal 7 and it requires a license. It is free? Or did you have to pay for yours?
Kindly,
Jenifer

MattHendell’s picture

You can use CKEditor freely in your Drupal projects if you don't make changes to it. The free module that integrates it to your site is found here: http://drupal.org/project/ckeditor

CKFinder (file browser) is commercial though. You can find a commercial module for drupal that combines the two in here: http://ckeditor.com/ckeditor-for-drupal OR you can use free file browser like http://drupal.org/project/imce

As an alternative you could use TinyMCE: Drupal 7 - How to install TinyMCE and IMCE

LoMo’s picture

The more typical way to install CKEditor in Drupal 7 is with the Wysiwyg module, which offers additional benefits since you could potentially assign a different editor (or editors) to various text formats. It also makes it easier to add more buttons (provided by Wysiwyg plugin modules).

See you at the Drupalcon!

albannach’s picture

It's a long time since I installed ckeditor, but am I not correct in remembering that you shouldn't have both it and WYSIWYG installed at the same time?

LoMo’s picture

Don't confuse the CKEditor module with the CKEditor Javascript code library. Of course you would need the latter to use CKEditor, then you would choose whether to integrate it into your Drupal code using the CKEditor integration module or using the Wysiwyg integration module (which can use multiple editor libraries). You would only install one copy of the CKEditor library code and yes, if you use Wysiwyg, you would not also install the CKEditor module (and vice-versa).

See you at the Drupalcon!

steveburge’s picture

Hi Kokki

Hopefully this will help: http://www.ostraining.com/blog/drupal/install-ckeditor-in-drupal-7/

CKEditor is one of the few editors that doesn't rely on the WYSIWYG module.

Also, make sure you're downloading the right package from the CKEditor site. Its easy to get the wrong one.

Mohamed Farag’s picture

Why don't we just follow the official instructions here:

http://docs.cksource.com/CKEditor_for_Drupal/Open_Source/Drupal_7/Installation

CKEditor for Drupal 7 Installation Process (Open Source Version)

important note
These instructions assume that you install the CKEditor for Drupal module in the sites/all/modules directory (recommended). If you want to use the sites/all/libraries/ directory, you will need to adjust the paths given in the instructions accordingly.

If you want to install the CKEditor module on your Drupal 7 site, follow the steps described below.

First of all, download the installation package (.zip or tar.gz archive) for Drupal 7 from the official CKEditor for Drupal module site at drupal.org.

Unpack the contents of the installation package into the drupal/sites/all/modules directory. When the files are unpacked, you should see the following file structure inside the drupal/sites/all/modules directory:

modules
...
ckeditor
ckeditor
images
includes
plugins
changelog.txt
ckeditor.api.php
ckeditor.css
ckeditor.info
ckeditor.install
ckeditor.module
...

Download standalone CKEditor from http://ckeditor.com/download. Unpack the contents of the ckeditor directory from the installation package to the sites/all/modules/ckeditor/ckeditor (or sites/all/libraries/ckeditor) directory.
important note
You can skip uploading the _samples and _source folders. See the Minimum Setup article for some more tips regarding the minimum required CKEditor setup.

Go to the Administration Panel of your Drupal 7 site and choose the Modules section. Scroll down to the User interface section and select the checkbox next to the CKEditor module name.

bitcookie’s picture

You may find this guide on setting up CKEditor useful: http://bitcookie.com/blog/drupal-ckeditor-setup-development-tutorial