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

You can read here http://wiki.fckeditor.net/Developer%27s ... script_API about some of the events you can attach to FCK itself. I haven't successfully gotten what you're looking for working, so if you do manage to get it working, please post your code so we can see what you did.

Thanks
Monte

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.