RadEditor

[Patrick]

We are using RadEditor and the editing tool is not matching the final display. The width of the editor seems to vary depending on the browser, so we are never seeing a true wysiwyg experience. Is there a way to lock down the width of the editor independent of the browser?

[Richard]

Patrick,

Are you controlling the display of your RadEditor instances by using AJAX? If so, take a look at this thread as it may provide a solution.

Incorrect rendering of RadEditor when shown with AJAX in initially hidden parent


Cheers!

[puneet]

I am using two radeditor controls on my web page. Both controls are looking fine in IE , Mozilla Firefox but content area of both radeditor are collapsing in Google Chrome.

On investigation , i found that content area are collapsing due to iframe height . I tried to minimize the iframe height. After minimizing it, both rad controls are looking fine in Google Chrome too. But toolbar(Bold,Italic,Underline etc.) is still enabled on click of HTML and Preview button in RadEditor1(Normally, toolbar are disabled on click of HTML and Preview button) and Design,HTML ,Preview links are not clickable in RadEditor2.

Code:

Both RadEditors are using OnClientLoad="OnRadEditClientLoad"

function OnRadEditClientLoad(editor, args) { 

              var bodyIframe = editor.get_contentAreaElement();
              bodyIframe.style.height = "132px";
              bodyIframe.style.width = "100%";
              bodyIframe.style.margin = "0px";
              bodyIframe.style.padding = "0px";
              var bodyMinHeight = document.getElementById("#ctl00_FormContentPlaceHolder_txtInstruction_contentIframe");
              bodyMinHeight.style.minHeight = "132px";

              var delegateBodyMinHeight = document.getElementById("#ctl00_FormContentPlaceHolder_txtDelegateEmailBody_contentIframe");
              delegateBodyMinHeight.style.minHeight = "132px";​

}