WYSIWYG Editor Styles

This also on edit the contents as closely as possible to the template, it is already a pre-defined CSS file for WYSIWYG editors included.

The file is in /css/ directory of the template and is called editor.css. The template.css is not used within JYAML. For this reason the file is linked to the editor.css, because most of the editors use this file as default. Therefore the JCE or the Joomla! default TinyMCE editor load the editor stylesheet without adjustments.

So that the editor has been a more nicely overview of the CSS classes floatbox, clearfix and all subtemplate classes are special emphasis are defined (works only with modern browsers with CSS3 support).

Add Styles/CSS-Classes in the selection box

To select a style or a CSS-Class in the respective corresponding selection box, you must add the css declaration without definitions in the editor.css. Just as a placeholder. For this easily take a look in the editor.css.

If you are e.g. require a different font-color in the editor view, you can simply define it in the CSS. For example you have a class "black-and-white" with black background and white text.

Now you want in the editor for example a white background black text, you can insert for example ".black-and-white { background: transparent, color:#000; }" in the editor.css.