increase height of texteditor using javascript

[Harbinder Khera]

i want to increase height and width of editor using javascript.
i tried it using 
var RadEditor2_contentIframe = getObject("RadEditor2_contentIframe")
and then increasing height of RadEditor2_contentIframe using javascript.
it is working fine for me in all the browsers. but when i m switching between the modes like design, code and preview my window size shrinks in IE n chrome.
i tried var RadEditor2_contentArea = $find(radEditorClientId).get_contentArea(), but still result is same.

thanks
    

[Rumen]

Hello Harbinder,

You should use the editor's setSize method to increase the editor's dimensions.


Kind regards,
Rumen
the Telerik team

[Harbinder Khera]

hi rumen,
i tried using setsize method,
problems i am facing are :
1) setSize changes size of radeditor including the lower tool design,html and preview buttons. i want only editor area to increase.
2) if i decrease the size of radeditor less than 150, it is not decreasing size to 150.

[Rumen]

Hi Harbinder,

You can use the following code as a base to implement a fix for the resizing problem described in your first post:

The function below should be attached to the OnClientLoad event of RadEditor:

<script type="text/javascript">

function onClientLoad(editor, args) {

var contentArea = editor.get_contentAreaElement(); //return a reference to content area iframe

if (contentArea.offsetHeight == 0) {

var height = editor.get_toolContainer().parentNode.offsetHeight;

if ($telerik.isFirefox) {

contentArea.style.height = height + 60 + 'px';

editor.add_modeChange(function() {

if (editor.get_mode() == Telerik.Web.UI.EditModes.Html) {

editor._getTextIframe().style.height = height + 60 + 'px';

}

});

}

}

}

</script>

If you are unable to solve the problem, please, isolate it in a sample working project and send it for examination through a new support ticket.

Sincerely yours,
Rumen
the Telerik team