Automatic height resize

Maybe you could set the height of the editorWindow with javascript to its scrollHeight...

This function works for FireFox 2.0, but I haven't tried it on IE. I am using this from within a keypress event, but I only call it for an enter (or return) key code.

/**
* Resize height of (outer) editor frame to match inner height of contents
* @param fckEditor = editor instance reference
* @param min = minimum height (in pixels)
* @param max = maximum height
*/
function resizeHeightToContents(fckEditor, min, max) {
var frameHeight = fckEditor.EditorWindow.parent.innerHeight; //outer frame which includes menu bar
var editHeight = fckEditor.EditorWindow.innerHeight; //inner content frame
var contentHeight = fckEditor.EditorDocument.body.offsetHeight;
var heightDiff = contentHeight - editHeight;
if ((heightDiff < 0) && (frameHeight > min)) {
//shrink editor frame
frameHeight += heightDiff;
if (frameHeight < min) frameHeight = min;
fckEditor.EditorWindow.parent.frameElement.style.height = frameHeight;
}
else if ((heightDiff > 0) && (frameHeight < max)) {
//expand editor frame
frameHeight += heightDiff;
if (frameHeight > max) frameHeight = max;
fckEditor.EditorWindow.parent.frameElement.style.height = frameHeight;
}
}

egclubb wrote:This function works for FireFox 2.0, but I haven't tried it on IE.