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

RadEditor IE 11 Preview More Not Working

5 Answers 39 Views
Editor
This is a migrated thread and some comments may be shown as answers.
amarbir
Top achievements
Rank 1
amarbir asked on 16 Sep 2016, 04:32 PM

Hi,

This is for IE11 on Widnows 7 with <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

I have multiple rad editors on a page. For each of them the EditMode is set to Preview. The first editor shows correctly (cannot edit contents), all the rest of them are editable. The problem being the iframe body has contenteditable set to true for all of them except the first.

I am ina  fix over this. I reaallly need help urgently

5 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 19 Sep 2016, 08:40 AM

Hello Amarbir,

My first advice is to ensure that you IE is not running in Compatibility Mode which is not supported. This meta tag does not guarantee the browser will run in standards mode.

Since this works fine for me I can also suggest the following ideas:

  • consider setting the Enabled property to false in order to disable editing in RadEditor. This will greatly reduce the HTML footprint and the scripts/styles that need to be loaded, and will also remove unnecessary elements (the toolbars). The end result is the same - non-editable content
  • ensure you are using the latest version of the controls
  • use the OnClientLoad event to change the desired attribute and change it. For example:

    <script>
        function OnClientLoad(sender, args) {
            setTimeout(function () {
                sender.get_contentArea().setAttribute("contenteditable", "false");
            }, 0);
        }
    </script>
    <telerik:RadEditor ID="RadEditor1" runat="server" EditModes="Preview" OnClientLoad="OnClientLoad">
    </telerik:RadEditor>

Regards,

Marin Bratanov
Telerik by Progress
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
amarbir
Top achievements
Rank 1
answered on 19 Sep 2016, 07:20 PM

Hi,

First of all Thank You for the detailed reply. For the benefit of others here is what I observed.

1. The problem happens only for editor which are part of hidden content (containing div is display:none, visibility:hidden). When I click a tab to display content via javascript something makes those editors editable even when they were actually not editable

2. Cannot set ENABLED to false because then content (bullets especially) is not rendered correctly. The bullets are gone and other things. also no borders etc.

3.Compatibility mode was off and made no difference

4. at the end of the day I had to do brute force as follows whenever I hide/show content on page

$('.RadEditor').each(function() { var id = this.id; var editor = $find(id); editor.get_contentArea().setAttribute("contenteditable""false"); });

0
Marin Bratanov
Telerik team
answered on 20 Sep 2016, 07:31 AM

Hello Amarbir,

If the issue happens only with hidden editors, you should just repaint() them when you show them, as explained here: http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/troubleshooting/appearance-issues-with-initially-hidden-editor#initially-hidden-wrapper-made-visible-via-javascript.

On a side note, you may find interesting the following article on accessing the controls, because you can skip $find() and use the .control field of the DOM object: http://docs.telerik.com/devtools/aspnet-ajax/general-information/get-client-side-reference#using-plain-javascript-methods.

Regards,

Marin Bratanov
Telerik by Progress
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
Sandhya
Top achievements
Rank 1
answered on 07 Nov 2016, 07:13 AM

Team,

I was using 2015.3.1111.40 version and radeditor was working fine when compatibility mode was on. Now with the latest version it is not working fine 2016.3.1027.

Can you please confirm from which version you are not supporting IE 11 compatibility mode on setting. Please reply ASAP. 

0
Marin Bratanov
Telerik team
answered on 07 Nov 2016, 12:02 PM

Hi Sandhya,

We do not support IE7 (and, therefore, Compatibility Mode) as of Q3 2015 (a year ago at the time of writing): http://www.telerik.com/blogs/better-ux-and-performance-in-q3-2015-courtesy-of-ie7-support-or-the-lack-thereof.

Regards,

Marin Bratanov
Telerik by Progress
Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
Tags
Editor
Asked by
amarbir
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
amarbir
Top achievements
Rank 1
Sandhya
Top achievements
Rank 1
Share this question
or