Resize vertical height to fit RadEditor contents

[genesplitter]

Is it possible to automatically resize the vertical height of the RadEditor to fit the content? (similar to the attachResize event of the classic RadEditor)

[Rumen]

Hi Donald,

Thank you for your feature request!

Currently, the requested feature is not supported by RadEditor "Prometheus" but it is in our ToDo list and we will do our best to implement it until the end of the year.

Let us know if you have any other inquires.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Paul Hopper]

An admittedly poor workaround I've figured out for this in the meantime is to add a prerender function as follows:

protected void radEditor_PreRender(object sender, EventArgs e)
{
    radEditor.ControlStyle.Reset();
}

The big downside to that, though, is that the height in edit mode is very short by default.  (The user can then drag the window so that it is bigger, but it's annoying nonetheless.)

I was hoping a fix for this would have made it in yesterday's update, but no such luck.

[Paul Hopper]

This actually appears to work better than the "fix" I suggested a few hours ago...

protected void radEditor_PreRender(object sender, EventArgs e)
{
    if (radEditor.Enabled == false)
        radEditor.ControlStyle.Reset();
}

Basically, if the editor is enabled (i.e., in edit mode), it'll keep whatever height you specify or use the default height.  If it's not in edit mode, this will clear the ControlStyle, where the default height lives, and the text will flow as far down the page as necessary.

[Rumen]

Hi Paul,

We do appreciate your help in this forum thread and we updated your telerik points for the provided solution.


Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Dimo]

Hi!
Is already there possibility to limit RadEditor content to fit in specified dimensions (width or height)?

[Rumen Jekov]

Hi,

Have you tried to set the AutoResizeHeight property of RadEditor to true?

Greetings,
Rumen

[Rumen]

Hi again,

You can also try the code below, which could be helpful for implementing your requirement:

<script type="text/javascript">
     function checkEditor(editor, ev) {
         var targetHeight = editor.get_document().body.scrollHeight;
         var allowedHeight = editor.AllowedHeight;


         if (targetHeight > allowedHeight) {
             alert("Maximum allowed size content height is 350 pixels");

             if (ev) {
                 ev.returnValue = false;
                 ev.cancelBubble = true;
             }

             return false;
         }
         return true;
     }

     function OnClientCommandExecuted(editor, commandName, tool) {
         var allow = checkEditor(editor);

         if (false == allow) {
             editor.undo(1);
         }
     }

     function OnClientLoad(editor) {
         var iframe = editor.get_contentAreaElement();
         iframe.style.height = "310px";
         iframe.style.border = "1px solid red";

         editor.AllowedHeight = "400"; //set here the desired allowed max height

         var resizeFnRef = function(e) { checkEditor(editor, e) };

         editor.attachEventHandler("keydown", resizeFnRef);

     }
</script>
<telerik:RadEditor id="RadEditor1"
    Height = "350px"
    AutoResizeHeight="true"
    OnClientLoad="OnClientLoad"
    OnClientCommandExecuted = "OnClientCommandExecuted"
    EditModes="Design"
    Runat="server">
    <Modules>
        <telerik:EditorModule Name="RadEditorStatistics" Enabled="false" />
    </Modules>
    <Tools><telerik:EditorToolGroup><telerik:EditorTool Name="Bold" /></telerik:EditorToolGroup></Tools>
</telerik:RadEditor>

Please, note that the requested functionality is not offered by RadEditor and the code above is not supported.

Regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Dimo]

Hi!
Thank you for your help!
I intereset mainly from width limit. How your code should be amended for image width restriction?

[Rumen]

Hi Dimo,

Please, check the solutions provided in these KB articles:
http://www.telerik.com/support/kb/aspnet-ajax/editor/disabling-image-resize-in-radeditor-classic-and-prometheus.aspx
and
http://www.telerik.com/support/kb/aspnet-ajax/editor/resizing-images-proportional-in-internet-explorer.aspx

They could be helpful for your scenario.

Best wishes,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.