I have two radEditor on one content page. The markup for the first is:
This editor is for editing content. The next edior is just for showing content written by an other user. The markup looks like this:
The functions OnClientLoad and OnClientLoad2 is like this:
When I run this page there is a gray area on the bottom of the readonly editor as shown in the enclosed attachement.
How do I get rid of it?
<telerik:RadEditor ID="reEditor" Width="965px" Height="225px" |
EditModes="Design, Html" ToolsFile="~/BasicTools.xml" ToolbarMode="ShowOnFocus" ToolsWidth="450px" |
EnableResize="False" OnClientLoad="OnClientLoad2" EnableViewState="False" runat="server" > |
<ImageManager ViewPaths="~/pictures/" /> |
</telerik:RadEditor> |
<telerik:RadEditor ID="reDeveloper" Width="965px" Height="175px" |
EditModes="Preview" ToolbarMode="ShowOnFocus" EnableResize="False" EnableViewState="False" |
OnClientLoad="OnClientLoad" runat="server" ToolsWidth="10px"> |
</telerik:RadEditor> |
<script type="text/javascript" > |
<!-- |
function OnClientLoad(editor, args) { |
editor.get_toolContainer().style.display = 'none'; // Hide ToolBar |
} |
function OnClientLoad2(editor, args) { |
var style = editor.get_contentArea().style; |
style.fontFamily = 'Verdana'; |
style.fontSize = 13 + 'px'; |
} |
--> |
</script> |
How do I get rid of it?