CKEditor height grow as use typing Code Answer

Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of CKEditor height grow as use typing without wasting too much if your time.

The question is published on by Tutorial Guruji team.

I have a ckEditor, and I want to make the height of the ckEditor auto grow as I am typing.

enter image description here

<textarea name="description" id="description">
</textarea>
<script>
    CKEDITOR.replace( 'description' );
    CKEDITOR.config.contentsCss = [CKEDITOR.getUrl('contents.css'), CKEDITOR.getUrl('/js/ckeditor/skins/moono-dark/styles.css')];

</script>

Is there a way to do it via JS or CSS ?

Answer

Use Auto Grow addon.

With this plugin, CKEditor will automatically expand and shrink vertically depending on the amount and size of content entered in its editing area.

The following configuration options are available:

maximum and minimum editor height after adjustment to content, extra space to be added between content and editor bottom bar, having auto grow happen on editor startup

Note: This plugin is designed to work only with the classic editor.

We are here to answer your question about CKEditor height grow as use typing - If you find the proper solution, please don't forgot to share this with your team members.

Related Posts

Tutorial Guruji