FCKEditor Javascript Resize area question

Hello,

I am writing a software that uses FCKEditor and I want it to have the following functionality:

When the user focuses an FCKEditor textarea, I want it to resize to a specific height. When the textarea loses the focus, I want its height to shrink to another (smaller) value. Defining the onblur and onfocus events for my textareas-to-be-replaced doesn't (certainly) work since FCKEditor replaces those with IFRAMEs.

Please, if anyone can assist, I'd be really grateful. Thanks a lot in advance.

Best,
Areg

Wed, 09/12/2007 - 23:40

mrattray

Joined: 17/05/2007

Posts: 20

Re: FCKEditor Javascript Resize area question

http://wiki.fckeditor.net/Developer%27s ... script_API

Mon, 09/24/2007 - 21:03

dan8080

Joined: 24/09/2007

Posts: 3

Re: FCKEditor Javascript Resize area question

This works in Firefox, but I have to figure out how to get it to work in IE:

var o_editor = FCKeditorAPI.GetInstance('FCKeditor1') ;
o_editor.EditorWindow.parent.frameElement.height=700;

IE doesn't like the "EditorWindow.parent" part, so we have to find another way to access it.

-Dan

Mon, 09/24/2007 - 23:07

dan8080

Joined: 24/09/2007

Posts: 3

Re: FCKEditor Javascript Resize area question

Looks like seeting this in IE is unecessary. Just create a container DIV and set the initial height of the fckeditor to 100%. That should work. For Firefox, use the solution I posted above. Use a browser detection script to only run that solution in Firefox becasue it will error out in IE.

-Dan

Mon, 11/26/2007 - 17:45

silver

Joined: 11/09/2007

Posts: 2

Re: FCKEditor Javascript Resize area question

Just in case this helps anyone.

I wanted to make my FCKEditor areas shrink and expand upon focus changes. Namely, when a focus would be lost, the area would shrink and expand when getting the focus back.

Here is a small script that works both under Firefox and IE.

function FCKeditor_OnComplete(instance)
{
   instance.Events.AttachEvent('OnBlur', FCKeditor_OnBlur);
   instance.Events.AttachEvent('OnFocus', FCKeditor_OnFocus);
}

function FCKeditor_OnBlur(instance)
{
   var ifrm = document.getElementById(instance.Name + '___Frame');
   
   ifrm.height = '60'; // small size
}

function FCKeditor_OnFocus(instance)
{
   var ifrm = document.getElementById(instance.Name + '___Frame');
   
   ifrm.height = '250'; // large size
}

Might seem like some sort of a hack, but resize is done almost perfectly. Enjoy.