enableResize options?

[Thierry Tremblay]

Would it be possible to control the resizing behavior?

We would like to allow only vertical resize ( height ) and also set a maximum height when this is happening.

Your suggestion would be appreciated.  :0

Thanks in advance

[Vinitha Jeyakumar]

Hi Thierry,

To have a restricted resizable area for the Rich Text Editor, you need to specify the min-width, max-width, min-height, and max-height CSS properties for the control’s wrapper element. 

To resize only on vertical(height), you need to specify similar min and max width. please check the below code for your reference,

Code snippet:

let defaultRTE: RichTextEditor = new RichTextEditor({

  enableResize: true,

  height: 250,

});

defaultRTE.appendTo('#defaultRTE');

<style>

        .e-richtexteditor {

          max-width: 1000px;

          min-width: 1000px;

          max-height: 700px;

        }

 </style>

You can also set maximum height for the Rich Text Editor by using max-height property.

Sample: https://stackblitz.com/edit/j5vdtn?file=index.html

Regards,

Vinitha

[Thierry Tremblay]

Thank you! This will work. I should have thought about this myself  ;)

Have a great weekend

[Buvana Sathasivam]

Welcome, we are glad that your reported issues are resolved. Please get back to us if you need any further assistance.