CKEditor 4
Wed, 08/02/2006 - 02:24
#1
trentham
trentham's picture
Joined: 11/08/2006
Posts: 13

Controlling Image Upload

I've just started looking into FCKeditor and it seems to do pretty well all that I need (and a LOT more besides!).

The thing I now need to do is to control the 'insert an image' process and would be grateful if someone could point me in the right direction.

I want the user to be presented with a simple upload dialog (browse for local file and upload) and I want to control the stored image name, size, etc. and put the required URL in place automatically.

I'm working on a PHP project.
Top
Wed, 08/02/2006 - 03:38
mitchellbonzo
mitchellbonzo's picture
Joined: 24/07/2006
Posts: 16

RE: Controlling Image Upload

I don't kmow if you can control the name and size of an image! The user would be the one to decide name surely. Once uploaded just a click on the image title in the "Browse Server" window will automatically put the URL into the image properties window anyway.
Top
Wed, 08/02/2006 - 04:21
trentham
trentham's picture
Joined: 11/08/2006
Posts: 13

RE: Controlling Image Upload

If I were doing the whole process in PHP I'd upload the image (into the temp area as normal) and then move/resize/rename it to its final destination.

Perhaps what I need is to find out how to control the 'insert image' button (is this what plugins is all about? I've not delved into that area yet) or build my own?
Top
Thu, 08/03/2006 - 14:29
trentham
trentham's picture
Joined: 11/08/2006
Posts: 13

RE: Controlling Image Upload

So I assume that no-one knows how the file-upload/insert image function works? Can no-one point me at the code for this?
Top
Thu, 08/03/2006 - 16:05
telebrett
telebrett's picture
Joined: 28/02/2006
Posts: 36

RE: Controlling Image Upload

You need to manipulate the php connector file.

If you are using the default browser it is located at

editor/filemanager/browser/default/connectors/php/connector.php
Top
Fri, 08/04/2006 - 02:07
trentham
trentham's picture
Joined: 11/08/2006
Posts: 13

RE: Controlling Image Upload

Many thanks. That seems to have me pointed in the right direction. :-)

Top
Mon, 08/07/2006 - 07:09
trentham
trentham's picture
Joined: 11/08/2006
Posts: 13

RE: Controlling Image Upload

I'm not getting as far with this as I'd hoped :-(

What I'm trying to achieve is the following...
1. a user clicks on 'insert image'
2. a dialog opens asking for a file (jpeg) to upload and. The user presses the 'upload' button
3. a name is chosen by the system (eg. img001.jpg) for the uploaded file and the image is resized to 800x600 and copied to /uploads/folder1/img0001.jpg
4. the image is resized again to 300x150 and copied to /images/folder2/img0001.jpg
5. the URL of the image in the editor is set to /images/folder2/img0001.jpg.

The coding I can cope with. I know how to do all the image uploading, resizing and storing (in PHP) and I realise that I then need to return a URL to the editor iframe but I can't see how it all hangs together.

When the 'insert image' button is clicked, what code is executed? I assume a JS function leaps into action?

Can anyone help?

Top
Mon, 08/07/2006 - 12:25
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

RE: Controlling Image Upload

points 2-4 are PHP side, to show a simple upload and insert image dialog you can use the easyUpload plugin that I created last week.
Top
Mon, 08/07/2006 - 14:34
trentham
trentham's picture
Joined: 11/08/2006
Posts: 13

RE: Controlling Image Upload

Thanks for that. I'll get hold of it and study it. I know all the things I want to do but just need pointers as to how it all fits into the FCKeditor scheme of things. Hopefully your plugin will educate me in this.
Top
Tue, 08/08/2006 - 05:31
trentham
trentham's picture
Joined: 11/08/2006
Posts: 13

RE: Controlling Image Upload

Unless I'm missing something I'm having to do a lot of work to get your plugin even to be installed correctly:

1. folder plugins/fck_image changed to be called plugins/easyUpload

2. folder plugins/lang moved to be plugins/easyUpload/lang

3. files fckplugin.js and fck_image.html plugins moved from plugins to plugins/easyUpload.

These changes at least allowed the plugin to load but it's not working correctly yet and I'm guessing that all the other files unzipped to plugins should have gone to plugins/easyUpload.
Top
Wed, 08/09/2006 - 06:07
alfonsoml
alfonsoml's picture
Joined: 31/12/2006
Posts: 3735

RE: Controlling Image Upload

uh, yes, all the plugins are always under their own directory, so you should place all the files under plugins/easyUpload (and match the case of "easyUpload" with the call to load the plugin if you are using a linux server)
Top
Sat, 02/16/2008 - 09:34
joshua1091
joshua1091's picture
Joined: 16/02/2008
Posts: 1

Re: Controlling Image Upload

hi,i planned to use fck editor,
all i want to do is this,
when i insert an image,i get a dialog,
i want to use the file upload dialog,
when i click "send it to server" i want my own program on server side to be called.
i tried editing,"editor\editor\dialog\fck_image.html",it doesnt work the way i wanted,
please help me...

[how do i change the value for action="" attribute,WHICH file should i edit for this]
Top
Twitter Facebook Facebook Instagram Medium Linkedin GitHub Arrow down Phone Menu Close icon Check