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 - 2018 CuteSoft Components Inc. All rights reserved.