There are many options which allow you apply your own css styles to Editing window and Preview window.

The following is the list of available settings.

Property Description
ContentCss
Specifies the location of the style sheet that will be used by the editable area. Multiple Style Sheets are supported.

Example:

<RTE:Editor id="Editor1" ContentCss="example.css,~/portal.css,/default.css" />
ContentCssText
Gets or sets inline CSS text that will be used by the editable area.

Example:

<RTE:Editor id="Editor1" ContentCssText="p{font:Normal 12px 'Segoe UI'} .exampleclass{font-weight: bold}" />
EditorBodyClass
Specifies the Class name that will be added to the body of the editor document.

Example:

<RTE:Editor id="Editor1" EditorBodyClass="mybodyclass1" />
EditorBodyId
Specifies the location of the style sheet that will be used by the editable area. Multiple Style Sheets are supported.

Example:

<RTE:Editor id="Editor1" EditorBodyId="mybodyId1" />
EditorBodyStyle
Specifies the css style that will be applied to the body of the editor document.

Example:

<RTE:Editor id="Editor1" EditorBodyStyle="font-family: arial;font-size:13px;" />
PreviewCss
Specifies the location of the style sheet that will be used by the preview window. Multiple Style Sheets are supported.

Example:

<RTE:Editor id="Editor1" PreviewCss="example.css,~/portal.css,/default.css" />
PreviewCssText
Gets or sets inline CSS text that will be used by the preview window.

Example:

<RTE:Editor id="Editor1" PreviewCssText="div,p{font:Normal 12px 'Segoe UI'}" />

Send feedback about this topic to CuteSoft. ©2003 - 2014 CuteSoft Components Inc. All rights reserved.