Editor shows a wide bolder at bottom

[Li Zhou]

I followed the demo in this link http://demos.telerik.com/aspnet-ajax/editor/examples/editorastextbox/defaultcs.aspx
trying to get a textbox like RadEditor.  But I got a wide bolder in the bottom.  Where sould I fix it ?

Here is the code, and also see the screenshot:
<style type="text/css">    
    /* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
    .reWrapper_corner, .reWrapper_center 
    {
           display: none !important;                
    }
                
    .reLeftVerticalSide, 
    .reRightVerticalSide, 
    .reToolZone,
    .reToolCell
    {
        background: white !important;
    }
    
    .reContentCell
    {
        border-width: 0 !important;
    }
    
    .RadEditor
    {
           filter: chroma(color=c2dcf0);
    }
    </style>
........

<

 

telerik:RadEditor Runat="server" ToolbarMode="ShowOnFocus" EditModes="Design">

 

</

 

telerik:RadEditor>

 

[Rumen]

Hello Li Zhou,

The wider space in the bottom are the editor modules. You can see how to hide them in this help article: Disable or Hide Modules.


Best regards,
Rumen
the Telerik team

[Li Zhou]

Thanks for the reply.  Now it almost shows the right way except another issue.

When the toolbar does not show, the editor looks fine,
when the editor is focused and toolbar shows, the lower edge of the editor disapears,
when the editor is unfocused, the lower edge of the editor stays disapeared.

Please see attached screeshot.  What I should do to fix it ? 

Thanks

[Rumen]

Hi Li Zhou,

The reported problem was fixed in the past in the live demo by removing the following class:

.reWrapper_corner, .reWrapper_center
{
    display: none !important;                
}

Another approach was to execute the following code:

<script type="text/javascript">
function OnClientLoad(editor, args)
{
    var element = document.all ? editor.get_document().body : editor.get_document();
    $telerik.addExternalHandler(element, "click", function(e)
    {
        editor._updateEditorSize() ;
    });
}
</script>
<telerik:RadEditor OnClientLoad="OnClientLoad" Height="150px" Width="300px" ToolsWidth="330px"
    EditModes="Design" ID="RadEditor1"  runat="server" ToolbarMode="ShowOnFocus"
    ToolsFile="~/Editor/Examples/EditorAsTextBox/BasicTools.xml">
</telerik:RadEditor>

All the best,
Rumen
the Telerik team

[Li Zhou]

Thanks. Works now