How to make editor auto-adjust height?

Hi. I've seen other editor auto-adjust height when users have more text lines than the textarea height.

How can I do it in ckeditor? I create my editor through php and I also tried add/remove resize_enabled or autoGrow_maxHeight but didn't help. It will be nice to have the height auto-adjust instead of scroll-bar.

Please help me out. Thank you.

include("../../ckeditor.php");
$CKEditor = new CKEditor();
$CKEditor->returnOutput = true;
$CKEditor->basePath = '../../';

$CKEditor->config['width'] = 400;
$CKEditor->config['height'] = 60;
$initialValue = '';

$config['toolbar'] = array(
array('SpellChecker', 'Scayt'),
array('Smiley')
);

$config['removePlugins'] = 'elementspath';
$config['skin'] = 'kama';

echo $CKEditor->editor("editor", $initialValue, $config);

Fri, 06/24/2011 - 01:38

zacharydl

Joined: 21/03/2011

Posts: 8

Re: How to make editor auto-adjust height?

Not sure if I can be of help here, but AutoGrow works for me when I put this in my config.js file:

// AutoGrow
config.extraPlugins = 'autogrow';
config.autoGrow_maxHeight = '400';

I think you are missing the "extraPlugins" line.

Zachary

Wed, 07/06/2011 - 12:35

Anna

Joined: 14/12/2010

Posts: 1369

Re: How to make editor auto-adjust height?

A nice example of using the AutoGrow plugin to achieve what you want can be found in the CKEditor samples ("AutoGrow plugin" sample, autogrow.html, in the "_samples" folder of your CKEditor installation). Check the page source for full code.

Documentation Manager, CKSource

See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!