Setting RadEditor Content Area Size (the user-editable area)

[Bill Jindrich]

I see that the height and width of RadEditor can be set in the host ASPX file, but these dimensions apply to the entire control (toolbar and other chrome).  I need to set the height and width of the content editing area (i.e. the area that the user edits content in. My use case is that some of my customers need to build HTML that will be placed in a region with a defined height and width on an HTML page (I don't know if it's a DIV or an IFrame or something else, I'm looking into that). I need the RadEditor to provide WYSIWYG for how the HTML content will flow/fit in that region of specified size.

1) Is there a way to set the width and height of RadEditor's content area?

2) Is there a way to prevent the RadEditor control from being resized?

Thanks in advance!

[Rumen]

Hello Bill,

You can see how to get a reference to the content area in this forum thread: http://www.telerik.com/forums/radeditor-contentarea-height. 

If the ContentAreaMode property is set to Iframe and the AutoResizeHeight to false, the content area won't be resizable.

Regards,
Rumen
Telerik by Progress

[Bill Jindrich]

This does not address my question. When I noted that I need to set the size of "the area that the user edits content in" - I need to set the size of the rectangle that the user can type in. The referenced article shows how to set the size of the entire editor control, inlcuding toolbars, etc. How can I set the width and height of the editing area?

[Rumen]

Hi,

You can get reference to the content area using the following line of code:

var content area = editor.get_contentArea();

and apply a new height using 

editor.get_contentArea().style.height = "200px";

This article shows how to get reference to RadEditor on the client - http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/getting-a-reference-to-radeditor. 

Best regards,

Rumen

Telerik by Progress