[Solved] Issues in IE6 with Q1 2009

[Shonda]

Some of our users have come across 2 issues in IE6. I have tested in IE7+8 and FF3 so far w/o issue.

1. For some users but not all the text in the editor is very large.  Almost 4 times the size of that in other users windows running IE6. The text in other parts of the site are not affected.  Just in the editor.

2. This happens when there is a large amount of text in the editor that causes scrolling.  If you scroll to the bottom of the screen and select some text and right click for the context menu the editor will jump back to the top of the text.  The text still stay highlighted, but there is not way of knowing that unless you scroll back to the bottom. If you right click again it will not jump back to the top.

Editor

<telerik:RadEditor runat="server" ID="reTest" Width="522px" Height="200px" TabIndex="11"
            ToolsFile="ToolsFile1.xml" ToolbarMode="ShowOnFocus" EditModes="Design"
            ToolsWidth="522px" StripFormattingOptions="AllExceptNewLines" OnClientCommandExecuted="OnClientCommandExecuting">
        </telerik:RadEditor>

Javascript

        function OnClientCommandExecuting(editor, args) {
            //If commandName is xxx - then cancel execution
            if ("Hyperlink Manager Dialog" == args.get_commandName()) args.set_cancel(true);
            if ("Remove Hyperlink" == args.get_commandName()) args.set_cancel(true);
            if ("Image Manager Dialog" == args.get_commandName()) args.set_cancel(true);
            if ("Bold" == args.get_commandName()) args.set_cancel(true);
            if ("Italic" == args.get_commandName()) args.set_cancel(true);
            if ("Underline" == args.get_commandName()) args.set_cancel(true);
        }

        MyModule = function(element) {
            MyModule.initializeBase(this, [element]);
        }

        MyModule.prototype =
        {
            initialize: function() {
                MyModule.callBaseMethod(this, 'initialize');
                var selfPointer = this;
                this.get_editor().add_selectionChange(function() { selfPointer.CountCharAction(); });
                this.get_editor().attachEventHandler("onkeyup", function() { selfPointer.CountCharAction(); });
                this.CountCharAction();

            },

            //A method that does the actual work - it is usually attached to the "selection changed" editor event
            CountCharAction: function() {
                var content = this.get_editor().get_text();
                var chars = 6000;
                if (content) {
                    chars = chars - content.length;
                }

                var element = this.get_element();
                element.innerHTML = "<span style='line-height:22px'>" + "Characters: " + chars + "&nbsp;</span>";
                if (chars < 0) {
                    element.style.border = "1px solid red";
                    element.style.backgroundColor = "yellow";
                    element.style.color = "red";
                }
                else {
                    element.style.border = "";
                    element.style.backgroundColor = "lightgrey";
                    element.style.color = "black";
                }
            }
        };

        MyModule.registerClass('MyModule', Telerik.Web.UI.Editor.Modules.ModuleBase);

Tools File

<root>
    <modules>
        <module name="RadEditorStatistics" visible="false"  />
        <module name="MyModule" visible="true"  />
    </modules>
    <tools>
        <tool name="AjaxSpellCheck" shortcut="CTRL+F7" />
        <tool separator="true"/>
        <tool name="ConvertToLower" shortcut="CTRL+F3" />
        <tool name="ConvertToUpper" shortcut="CTRL+F4" />
        <tool separator="true"/>
        <tool name="Cut" />
        <tool name="Copy" />
        <tool name="Paste" />
        <tool separator="true"/>
        <tool name="Undo" />
        <tool name="Redo" />
    </tools>
    <contextMenus>
        <contextMenu>
            <tool name="Cut" />
            <tool name="Copy" />
            <tool name="Paste" />
        </contextMenu>
    </contextMenus>
</root>

[Rumen]

Hi Shonda,

Straight to the points:
1) Please, see the following help articles on the subject:
Default Font for Editable Content
and
Content Area Appearance Problems.
2) Thank you for the screenshots provided in your ticket on the subject. They helped me to reproduce the problem in IE6. I noticed however that the defect appears sporadically and it is impossible to be reproduced every time. This means that it will be very hard to find the reason for the problem and fix it. Nevertheless, I logged it to our bug tracking system and our developers will try to solve it in a future build of the editor. Unfortunately I cannot provide an estimate when the issue will be fixed.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.