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

[Perfect]

Hi,

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 ?

EditorContentArea.css

body
{
    font-family: verdana !important;
    color: black !important;
    background-color: White !important;
    font-size: 9pt !important;
}
DynamicContentEditorToolsFile.xml
<root>
    <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>
    <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>
    <tools dockable="false">
        <tool name="FontName"/>
        <tool name="FontSize"/>
        <tool name="ForeColor"/>
        <tool name="BackColor"/>

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

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

 <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">
    </telerik:RadEditor>

[Richard]

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!

[Rumen]

Hi,

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,
Rumen
the Telerik team