Rad Editor loses its deisgn when the mode is changed from Design/Preview to HTML mode in mozilla

3 posts, 0 answers
  1. Perfect
    Perfect avatar
    40 posts
    Member since:
    Sep 2010

    Posted 24 Feb 2012 Link to this post


    Am using a rad Editor with the below design , style & properties .
    It works fine on IE but its design changes in mozilla firefox (all version)when traversed from Design/Preview to Html mode.Let  me know
    what should be done ?


        font-family: verdana !important;
        color: black !important;
        background-color: White !important;
        font-size: 9pt !important;
        <tools dockable="false">
            <tool name="FindAndReplace"/>
            <tool name="AjaxSpellCheck"/>
            <tool separator="true"/>
            <tool name="Cut"/>
            <tool name="Copy"/>
            <tool name="Paste"/>
            <tool name="PasteFromWord"/>
            <tool name="PastePlainText"/>
            <tool separator="true"/>
            <tool name="Undo"/>
            <tool name="Redo"/>

            <tool separator="true"/>

            <tool name="InsertSymbol"/>

        <tools dockable="false">
            <tool name="Bold"/>
            <tool name="Italic"/>
            <tool name="Underline"/>
            <tool separator="true"/>
            <tool name="JustifyLeft"/>
            <tool name="JustifyCenter"/>
            <tool name="JustifyRight"/>
            <tool name="JustifyFull"/>
            <tool separator="true"/>
            <tool name="InsertOrderedList"/>
            <tool name="InsertUnorderedList"/>
            <tool name="Outdent"/>
            <tool name="Indent"/>
            <tool separator="true"/>

            <tool name="StrikeThrough"/>

            <tool name="InsertParagraph"/>
            <tool name="Help"/>
        <tools dockable="false">
            <tool name="FontName"/>
            <tool name="FontSize"/>
            <tool name="ForeColor"/>
            <tool name="BackColor"/>

            <tool name="FormatStripper"/>
            <tool name="LinkManager" />

        <tools dockable="false">
            <tool name="InsertTable" />
            <tool name="InsertRowAbove" />
            <tool name="InsertRowBelow" />
            <tool name="DeleteRow" />
            <tool name="InsertColumnLeft" />
            <tool name="InsertColumnRight" />
            <tool name="DeleteColumn" />

     <telerik:RadEditor id="txtDescription" runat="server" toolbarmode="ShowOnFocus" skin="Office2007"
            enableresize="false" enabletextareamode="false" width="90%" height="100px" clientidmode="Static"
            allowscripts="false" contentfilters="EncodeScripts" ContentAreaCssFile="~/Styles/EditorContentArea.css" ToolsFile="DynamicContentEditorToolsFile.xml">

  2. Richard
    Richard avatar
    479 posts
    Member since:
    Nov 2011

    Posted 27 Feb 2012 Link to this post

    Mr. Perfect:

    The behavior that you're experiencing, the <br> tag appearing in the empty HTML view in Firefox is a known issue and is covered in-depth in the <br> tags added to empty table cells in Firefox Knowledge base article.

    If the ConvertToXhtml content filter of RadEditor is turned OFF, then Firefox will automatically put a <br> tag to every cell in a table element. For example if the the following code is pasted into the HTML view in RadEditor, with ConvertToXhtml turned off, then the browser will insert a BR tag into the empty table cell, in other browsers, this doesn't happen.

    Hope this helps!
  3. Rumen
    Rumen avatar
    14469 posts

    Posted 28 Feb 2012 Link to this post


    My recommendation is to increase the height of "100px" to at least "250px" and test again. Firefox has problem to render iframe elements the size of which is less than 150px.

    Kind regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top