Initially invisible instance; HTML view does not work in non-IE browser

[Roland Vonk]

I've got a problem with an initially invisible (by display:none) instance of RadEditor. It is shown in a lightbox (so it's made visible client-side), but in non-IE browsers this results in the HTML view malfunctioning.

I used the set_html() and set_mode() client-side functions to set the editor's content upon showing it. When I switch from Design view (it always starts in Design view) to HTML view, the editor's HTML content is gone. That is to say, if I handle the OnModeChanged client-side event and use get_html() to get the editor's HTML content, I get an empty string, while there definitely was HTML in the editor.

The whole problem only occurs in non-IE browsers (confirmed in Firefox, Chrome and Opera), and only when the editor is initially invisible.

I've tried (as read on the forum) to use an external stylesheet, but as I expected this solved nothing.

I've used version 2009 Q3. Has this been solved in a newer version or is it a new issue?

[Rumen Jekov]

Hi

Have you tried to call the editor's set_visible(true) method when displaying RadEditor?

See this articles
http://www.telerik.com/help/aspnet-ajax/setvisible.html
http://www.telerik.com/support/kb/aspnet-ajax/editor/using-radeditor-v5-x-v7-x-in-a-hidden-element-in-gecko-based-browsers.aspx

If you unable to solve the problem, paste your code here or open a support ticket and send a sample working project and I will examine it.

Best regards,
Rumen

[Roland Vonk]

On closer inspection and attempt to reproduce the problem, it appears the problem is related to using jQuery UI. The following code breaks RadEditor (2009 Q3 and 2010 Q1) in non-IE browsers:

<div id="test" style="display: none">
    <telerik:RadEditor ID="RadEditor1" Runat="server">
        <Content></Content>
    </telerik:RadEditor>
</div>

<a href="#" onclick="jQuery('#test').show('clip'); return false;">Test</a>

If I don't use the jQuery UI call (by omitting the 'clip' argument) it works correctly. Does anyone have a way to make both the animation work and to be able to use RadEditor in non-IE browsers?

Fyi, I tried the set_visible() solution, but to no avail.

[Rumen]

Hi Roland,

In such case, please fire the onParentNodeChanged method after showing RadEditor on the page in the non IE browsers:

var editor = $find("<%=RadEditor1.ClientID%>");
editor.onParentNodeChanged();
editor.set_html(editor.get_html());


Best regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.