where in ckeditor.config.js does the the tips and tricks codes go? There simple codes for a better ckeditor display located at http://drupal.ckeditor.com/tricks. They go inside this file.
// $Id: ckeditor.config.js,v 1.2.2.5 2009/12/16 11:31:24 wwalc Exp $
/*
WARNING: clear browser's cache after you modify this file.
If you don't do this, you may notice that browser is ignoring all your changes.
*/
CKEDITOR.editorConfig = function(config) {
config.indentClasses = [ 'rteindent1', 'rteindent2', 'rteindent3', 'rteindent4' ];
// [ Left, Center, Right, Justified ]
config.justifyClasses = [ 'rteleft', 'rtecenter', 'rteright', 'rtejustify' ];
// The minimum editor width, in pixels, when resizing it with the resize handle.
config.resize_minWidth = 450;
// Protect PHP code tags (<?...?>) so CKEditor will not break them when
// switching from Source to WYSIWYG.
// Uncommenting this line doesn't mean the user will not be able to type PHP
// code in the source. This kind of prevention must be done in the server
// side
// (as does Drupal), so just leave this line as is.
config.protectedSource.push(/<\?[\s\S]*?\?>/g); // PHP Code
config.extraPlugins = '';
if (Drupal.ckeditorCompareVersion('3.1')) {
config.extraPlugins += (config.extraPlugins ? ',drupalbreaks' : 'drupalbreaks' );
}
if (Drupal.settings.ckeditor.linktocontent_node) {
config.extraPlugins += (config.extraPlugins ? ',linktonode' : 'linktonode' );
}
if (Drupal.settings.ckeditor.linktocontent_menu) {
config.extraPlugins += (config.extraPlugins ? ',linktomenu' : 'linktomenu' );
}
// Define as many toolbars as you need, you can change toolbar names and remove or add buttons.
// List of all buttons is here: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.tool...
// This toolbar should work fine with "Filtered HTML" filter
config.toolbar_DrupalFiltered = [
['Source'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
['Maximize', 'ShowBlocks'],
'/',
['Format'],
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','MediaEmbed','Anchor','LinkToNode','LinkToMenu' ],
['DrupalBreak', 'DrupalPageBreak']
];
/*
* DrupalBasic will be forced on some smaller textareas (if enabled)
* if you change the name of DrupalBasic, you have to update
* CKEDITOR_FORCE_SIMPLE_TOOLBAR_NAME in ckeditor.module
*/
config.toolbar_DrupalBasic = [ [ 'Format', '-', 'Bold', 'Italic', '-', 'NumberedList','BulletedList', '-', 'Link', 'Unlink', 'Image', 'MediaEmbed' ] ];
/*
* This toolbar is dedicated to users with "Full HTML" access some of commands
* used here (like 'FontName') use inline styles, which unfortunately are
* stripped by "Filtered HTML" filter
*/
config.toolbar_DrupalFull = [
['Source'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','SpellChecker', 'Scayt'],
['Undo','Redo','Find','Replace','-','SelectAll','RemoveFormat'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor','LinkToNode','LinkToMenu','MediaEmbed'],
'/',
['Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks'],
['DrupalBreak', 'DrupalPageBreak']
];
/*
* Append here extra CSS rules that should be applied into the editing area.
* Example:
* config.extraCss = "body {color:#FF0000;}";
*/
config.extraCss = "";
/**
* Sample extraCss code for the "marinelli" theme.
*/
if (Drupal.settings.ckeditor.theme == "marinelli") {
config.extraCss += "body{background:#FFF;text-align:left;font-size:0.8em;}";
config.extraCss += "#primary ol, #primary ul{margin:10px 0 10px 25px;}";
}
/**
* CKEditor's editing area body ID & class.
* See http://drupal.ckeditor.com/tricks
* This setting can be used if CKEditor does not work well with your theme by default.
*/
config.bodyClass = 'singlepage';
config.bodyId = 'primary';
/**
* Sample bodyClass and BodyId for the "marinelli" theme.
*/
if (Drupal.settings.ckeditor.theme == "marinelli") {
config.bodyClass = 'singlepage';
config.bodyId = 'primary';
}
if (Drupal.ckeditorCompareVersion('3.1')) {
CKEDITOR.plugins.addExternal('drupalbreaks', Drupal.settings.ckeditor.module_path + '/plugins/drupalbreaks/');
}
if (Drupal.settings.ckeditor.linktocontent_menu) {
CKEDITOR.plugins.addExternal('linktomenu', Drupal.settings.ckeditor.module_path + '/plugins/linktomenu/');
Drupal.settings.ckeditor.linktomenu_basepath = Drupal.settings.basePath;
}
if (Drupal.settings.ckeditor.linktocontent_node) {
CKEDITOR.plugins.addExternal('linktonode', Drupal.settings.ckeditor.module_path + '/plugins/linktonode/');
Drupal.settings.ckeditor.linktonode_basepath = Drupal.settings.basePath;
}
//'MediaEmbed' plugin. To enable it, uncomment lines below and add 'MediaEmbed' button to selected toolbars.
config.extraPlugins += (config.extraPlugins ? ',mediaembed' : 'mediaembed' );
CKEDITOR.plugins.addExternal('mediaembed', Drupal.settings.ckeditor.module_path + '/plugins/mediaembed/');
};
Comments
They are already in
They are already in there:
see:
and per the documentation on the page you link to:
In future pastebin your file and link to that file here.
the background color isn't
the background color isn't white
=-=
what theme is in use?
Right now it's only changing the marinelli theme. Which is why the author noted:
Thus I'd think that changing the name marinelli to your theme's name should work.
if you are using marinelli, or if you changed your js file to your theme ensure to follow this note from the tutorial:
and is also in the .js file
seems to be displaying right
seems to be displaying right thanks. Do you know how to get the upload browser to work right? When I try to upload it tells me that "Ckeditor File browser disabled for security reasons".
=-=
nope, I don't use editors.
Yes, but what do these variables DO?!
Right, but what's missing here is an explanation of why this works for Marinelli.
Put another way: What do these mystery variables actually do? Is
config.bodyClassa class that's reliably assigned to the Body container in Marinelli? Similarly, isconfig.bodyIdthe name of the ID that's assigned to the body container in Marinelli?Those of us who are not using Marinelli need to know these things in order to make this fix work.
All I know right now is that by adding code to the extraCSS string, I can change everything except the background color / image; for some reason that's still unclear after seeing these explanations, it seems impossible to affect those aspects.