CKEditor Autogrow Angular

You can set a fixed height for CKEditor by using the height configuration option when you initialize the editor. The autoGrow_onStartup and autoGrow_minHeight options can be used to control the auto grow feature. Here’s an example:

CKEDITOR.replace('editor1', {
    height: 200,
    autoGrow_onStartup: false,
    autoGrow_minHeight: 200,
});

In this code, 'editor1' is the ID of the textarea you want to replace with CKEditor. The height option sets the editor’s height to 200 pixels. The autoGrow_onStartup option is set to false to disable the auto grow feature on startup, and the autoGrow_minHeight option is set to 200 pixels to prevent the editor from shrinking below this height.

Please replace 'editor1' with the actual ID of your textarea, and adjust the height as needed. Also, ensure that CKEditor is properly included in your project and that the textarea exists in the DOM when this script runs.

Thanks

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Naimish Makwana2y ago
You can set a fixed height for CKEditor by using the height configuration option when you initialize the editor. The autoGrow_onStartup and autoGrow_minHeight options can be used to control the auto grow feature. Here’s an example:
```
CKEDITOR.replace('editor1', {
    height: 200,
    autoGrow_onStartup: false,
    autoGrow_minHeight: 200,
});
```
In this code, 'editor1' is the ID of the textarea you want to replace with CKEditor. The height option sets the editor’s height to 200 pixels. The autoGrow_onStartup option is set to false to disable the auto grow feature on startup, and the autoGrow_minHeight option is set to 200 pixels to prevent the editor from shrinking below this height.

Please replace 'editor1' with the actual ID of your textarea, and adjust the height as needed. Also, ensure that CKEditor is properly included in your project and that the textarea exists in the DOM when this script runs.

Thanks