Applying styles to Editor Window

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.ContentCss="example.css,/default.css"
ContentCssText	Gets or sets inline CSS text that will be used by the editable area. Example: rte.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.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.EditorBodyId="mybodyId1"
EditorBodyStyle	Specifies the css style that will be applied to the body of the editor document. Example: rte.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.PreviewCss="example.css,/default.css"
PreviewCssText	Gets or sets inline CSS text that will be used by the preview window. Example: rte.PreviewCssText="div,p{font:Normal 12px 'Segoe UI'}"

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.ContentCss="example.css,/default.css"

ContentCssText

Gets or sets inline CSS text that will be used by the editable area.

Example:

rte.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.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.EditorBodyId="mybodyId1"

EditorBodyStyle

Specifies the css style that will be applied to the body of the editor document.

Example:

rte.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.PreviewCss="example.css,/default.css"

PreviewCssText

Gets or sets inline CSS text that will be used by the preview window.

Example:

rte.PreviewCssText="div,p{font:Normal 12px 'Segoe UI'}"