... Elxis version 2009.3 codename Aphrodite is out, download it from Elxis Download Center (EDC) ...
TinyMCE editor background
From Elxis Official Documentation
In some cases you may want to add a background color or image to your template's body. Since TinyMCE by default uses the default template css files for styling it's text-area, you may face problems when editing content. For example a dark background with black characters is hard to see.
The solution is to assign an alternative css file to your tinymce editor, say editor.css. In editor.css you can edit the style to meet your needs.
You can also copy any class from your template css files in order to have them listed in the "styles" dropdown in TinyMCE. This will give you a better preview of how content will appear to site visitors.
To assign the editor.css file to tinymce, go to the Administrator>>Bots>>Site-bots page and find tinymce. In it's parameters make the following changes:
Template CSS classes: NO
Custom CSS Classes: editor.css or full Url to your custom CSS file
Examples
1. Write the full URL(recommended method) to any CSS file, even if it is located in local site or in an other web site.
- Custom CSS for the Editor: http://www.mysite.com/templates/mytemplate/editor.css
- Custom CSS for the Editor: http://www.mysite.com/test.css
- Custom CSS for the Editor: http://www.anysite.com/various/special.css
2. Write the ONLY the name of a CSS file when the file located inside these directories:
mambots/editors/tinymce/jscripts/tiny_mce/themes/simple/skins/default/content.css mambots/editors/tinymce/jscripts/tiny_mce/themes/simple/skins/o2k7/content.css
mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/skins/default/content.css mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/skins/skins/o2k7/content.css
- Custom CSS for the Editor: editor.css
- Custom CSS for the Editor: custom.css
Alternative way
There are always good reasons to have a custom editor.css, for example: add less and most important classes for every day use, easy to find and quickly assign in our content...
If you don't want to add a custom editor.css an alternative way is to add a new css parameter in your template's css file for styling only tinymce text-area
#tinymce.mceContentBody { background-image:none!important; background-color:#fff!important; }

