CKSource

Latest revision as of 14:35, 31 May 2012

Redirect to:

@@ Line 1: / Line 1: @@
-{{#CUSTOMTITLE:CKEditor for Drupal Tricks}}
+#REDIRECT [[CKEditor_for_Drupal/Page_Moved]]
-The following page lists a few tricks that you can use to make your CKEditor experience in Drupal even better than before.
-== Adjusting CKEditor to Your Theme ==
-When using a custom theme, sometimes it is necessary to tell CKEditor to use the correct style. Let us use the [http://drupal.org/project/marinelli Marinelli] theme as an example.
-By default, it is hard to create a page with CKEditor when using this theme since the background color used by the site and the editor font color are too similar. It is very hard to read anything and the text is aligned to the center:
-[[Image:Drupal_theme_01.png|frame|center|Default CKEditor settings used in the Marinelli theme]]
-Fortunately, there is a way to tell CKEditor to appear just like you would expect.
-Take a look at the source of the Marinelli template (you may use Firefox with Firebug to do that). The ID of main element is <code>primary</code>. The class is named <code>singlepage</code>. All you need to do is tell CKEditor to use these styles.
-Go to the '''Administration''' > '''Configuration''' > '''Content authoring''' > '''CKEditor''' section and open the CKEditor profile that you want to configure. Go to the '''CSS''' section choose the '''Use theme CSS''' option for the '''Editor CSS''' setting.