In many layouts, you may want that for example the line-height or font-size is in the WYSIWYG equal with the values in the frontend. You have with an attribute of the {slot} the ability to define such css definitions in css files which will be loaded in the WYSIWYG. For example, you can extend a normal {slot} call with this attribute:

{slot id="1" name="[[Main content]]" css="th_myTheme/slot_main_wysiwyg.css"}

Class Selectbox

The integrated WYSIWYG TinyMCE has the ability to add own CSS classes to HTML tags like <a> and <tables>. To add such css classes in the selectbox you can insert the css clases in your created file above.

You have furthermore the ability to change/add tinyMCE config options for all elements in a slot.

All of these options are available: http://tinymce.moxiecode.com/wiki.php/Configuration

To change or add an option, just type the option="value" pair in the {slot} call as attributes.

Example:

{slot id=1 name="Test slot" theme_advanced_buttons2="bullist,numlist,|,indent,outdent"}

Not overwritable are following options:

document_base_url

relative_urls

theme

mode

elements

theme_advanced_toolbar_location

theme_advanced_toolbar_location

remove_linebreaks

convert_urls

theme_advanced_resizing

language

setup