Anna: pre -> source

2012-05-30T10:49:56Z

pre -> source

Anna: Article contents added

2012-05-22T12:45:40Z

Article contents added

New page

{{#CUSTOMTITLE:CKEditor for Drupal 7 Installation (Enterprise Version)}}
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 (<code>.zip</code> archive) for Drupal 7 from the [http://ckeditor.com/ckeditor-for-drupal official CKEditor for Drupal website].

Unpack the contents of the installation package into the <code>drupal/sites/all/modules/ckeditor</code> directory. When the files are unpacked, you should see the following file structure inside the <code>drupal/sites/all/modules</code> directory:
<pre>
modules <dir>
...
ckeditor <dir>
ckeditor <dir>
ckfinder <dir>
images <dir>
includes <dir>
plugins <dir>
changelog.html
ckeditor.api.php
ckeditor.css
ckeditor.info
ckeditor.install
ckeditor.module
...
</pre>

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.

[[Image:Drupal_7_Enterprise_enable_module.png|frame|center|Enabling the CKEditor module in the Drupal 7 Administration Panel]]

If you want, you can grant permissions for administering CKEditor or modifying the appearance of the editor to selected roles in the '''Administration panel''' > '''People''' > '''Permissions''' section. Scroll to the '''CKEditor''' section and select the checkbox next to the '''"Administer CKEditor access"''' and/or '''"Customize CKEditor appearance"''' permissions for the roles that you want to grant this permission to.

[[Image:Drupal_7_Enterprise_grant_permissions.png|frame|center|Granting permission to use CKEditor in the Drupal 7 Administration Panel]]

You can now enter the configuration of your CKEditor for Drupal module by visiting the '''Administration panel''' > '''Configuration''' > '''Content Authoring''' > '''CKEditor''' section. You will notice the licensing note at the top — you will now need to enter the details of your license in order to unlock the licensed version of the module.

[[Image:Drupal_7_Enterprise_unlicensed_module.png|frame|center|Unlicensed CKEditor module notice in the Drupal 7 Administration Panel]]

You can add your license name and key by editing the '''CKEditor Global Profile''' in the '''Global settings''' section of the CKEditor configuration page. See the [[CKEditor_for_Drupal/Enterprise/Drupal_7/License|License]] article for more information.

[[Image:Drupal_7_Enterprise_edit_global_profile.png|frame|center|Editing the CKEditor Global Profile in the Drupal 7 Administration Panel]]

If you want to enable CKFinder, an advanced Ajax file browser, see the [[CKEditor_for_Drupal/Enterprise/Drupal_7/CKFinder|Installing CKFinder]] article.

You should now adjust CKEditor profiles in the '''Administration panel''' > '''Configuration''' > '''Content Authoring''' > '''CKEditor''' section. Profiles determine which options are available to users based on system-wide roles. In each profile you can choose which textareas will be replaced by CKEditor, select a default toolbar, and configure some more advanced settings.

<note>Certain text formats (e.g. <code>Filtered HTML</code>) limit allowed HTML tags, so after saving the content you may notice that some tags created with CKEditor are removed. The list of allowed HTML tags can be configured in the '''Administration panel''' > '''Configuration''' > '''Content Authoring''' > '''Text formats'''. <hide target="formats2">More...</hide>
<div id="formats2">
Below is a short list of tags that can be created with CKEditor (form elements are not included in this list):
<source>
<a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr>
<br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tbody> <th> <tr> <td> <em> <b> <u> <i> <strong>
<del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code>
<cite> <embed> <object> <param> <strike> <caption> <iframe>
</source>
<strong>Note:</strong> Be careful when granting users access to create tags like <code><iframe></code>.
</div>
</note>

The CKEditor installation and basic configuration process is now finished. You can start to use CKEditor with its default settings on your Drupal 7 website.

@@ Line 5: / Line 5: @@
 Unpack the contents of the installation package into the <code>drupal/sites/all/modules/ckeditor</code> directory. When the files are unpacked, you should see the following file structure inside the <code>drupal/sites/all/modules</code> directory:
-<pre>
+<source>
 modules                <dir>
     ...
@@ Line 21: / Line 21: @@
        ckeditor.module
        ...
-</pre>
+</source>
 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.

CKEditor for Drupal/Enterprise/Drupal 7/Installation - Revision history

Anna: pre -> source

Anna: Article contents added