Site and Article editor CSS styles

Site styles

Normally you would have external CSS static stylesheets linked to your HTML code when developing websites. We request you to include also link to /styles.php script by adding the following line to your HTML HEAD:

<link rel="stylesheet" type="text/css" href="{$wwwroot}/styles.php">

Styles.php outputs the following definitions:

• Styles used by v-shaped buttons in editor’s environment.
• Styles which you can enter manually in Admin > Visual Design > CSS styles > Site CSS styles. This is an optional feature which allows you to manage styles using Saurus CMS Admin.

In Article editor, there is a dropdown which the content editor can use to insert tags and format article contents with predefined CSS. You can manage those from Admin > Visual Design > CSS styles > “Styles in article editor dropdown”.

You can create both tags, CSS classes or combinations of those. For example:

Definition	Content editor sees	Will be inserted in article HTML
h1 {}	h1	<h1>
.quote {}	quote	<… class=”quote”> or <span class=”quote”>
p.normal {}	normal	<p class=”normal”>

Those definitions are used only by Article editor and are not included in styles.php output so you have to add them to your site CSS as well. The reason for this is that you might have different CSS definitions for H1 in your site CSS e.g. div#main h1 and div#rightcolumn h1.

Values in Admin > Visual Design > CSS styles > “Styles used only by article editor” allow you to configure Article editor’s main area. For example if your site has black background you can set Article editor’s background accordingly here.

• Basic concepts
• Site development
• Extensions
• Integration
• Installation
• Technical FAQ
• Converter FAQ