I want the editor window (frame or body) to look like my web site, so when people edit content they can know what it will look like when displayed.  Hence, I want to change the background color, font, font-size, and default font name (the one displayed in the font-select dropdown) of the edit window.  I have tried setting these right in the properties of the control, no go.  I have tried creating a CSS style and setting EditorBodyClass equal to that style, no go.  What is the secret to changing these things?  Thanks for any help.

 

Please check the Editor.EditorBodyStyle and EditorWysiwygModeCss property. 

Editor.EditorWysiwygModeCss Property
Specifies the location of the style sheet that will be used by the editable area. Multiple Style Sheets are supported. Example EditorWysiwygModeCss="example.css,~/portal.css,/default.css"  

Editor.EditorBodyStyle Property

The style to be applied to the Editor body.   

Cute Editor uses default font of the current page.  The default font of web page is Times new roman. If you want to change the default font from Times new roman to Verdana, you can add the following code into the style sheet file:

What I am using in my body is Georgia size 16pt.  The editor only provides 14pt and 18pt as selections.  Even when I put font-family: georgia; in the body, td section, the dropdown still displays Times New Roman.

 

How do you set this?

 

>>The editor only provides 14pt and 18pt as selections. 


What do you mean?