This is a migrated thread and some comments may be shown as answers.

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

3 Answers 58 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Roland Vonk
Top achievements
Rank 1
Roland Vonk asked on 21 Apr 2010, 01:45 PM
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?

3 Answers, 1 is accepted

Sort by
0
Rumen Jekov
Top achievements
Rank 1
answered on 23 Apr 2010, 01:25 AM
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
0
Roland Vonk
Top achievements
Rank 1
answered on 17 May 2010, 04:20 PM
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> 
 
<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.
0
Rumen
Telerik team
answered on 18 May 2010, 03:12 PM
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.
Tags
Editor
Asked by
Roland Vonk
Top achievements
Rank 1
Answers by
Rumen Jekov
Top achievements
Rank 1
Roland Vonk
Top achievements
Rank 1
Rumen
Telerik team
Share this question
or