Image Uploader for Beginners

Got this:

http://docs.cksource.com/CKEditor_3.x/D ... ploader%29

Don't know how to "configure" it... What file on what path...?

To paraphrase Lloyd Bentsen, I know programmers, and I know CKEditor has javascript and PHP files, but one thing I do know, I'm no javascript or PHP programmer.

Please keep it simple. Assume I know nothing.

When I hit the insert image button, I don't have a [Browse] button or an "Upload" tab. I would greatly appreciate any help.

Thanks.
Andrew

Tue, 02/09/2010 - 17:28

aruggles

Joined: 08/02/2010

Posts: 2

Re: Image Uploader for Beginners

Bump

Tue, 02/15/2011 - 07:11

herve123

Joined: 15/02/2011

Posts: 4

Re: Image Uploader for Beginners

so am I, have the same problem..

Tue, 02/15/2011 - 11:44

Anna

Joined: 14/12/2010

Posts: 1369

Re: Image Uploader for Beginners

Hi Andrew,

It is great you started from the documentation, but it seems to me you somehow missed the first sentence of the quoted article:

CKEditor can be easily integrated with an external file browser/uploader.

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!

Wed, 02/16/2011 - 10:27

herve123

Joined: 15/02/2011

Posts: 4

Re: Image Uploader for Beginners

Anna wrote:Hi Andrew,

It is great you started from the documentation, but it seems to me you somehow missed the first sentence of the quoted article:
CKEditor can be easily integrated with an external file browser/uploader.

This means that you need to start from finding such an external file browser and then try to configure it according to the doc. It is not the matter of "switching something on" in CKEditor -- what you need is a separate module or product (the said file browser/uploader) that you can then integrate with the editor in order to be able to upload the files.

CKSource offers such a file browser called CKFinder, this is the thing that is mentioned in the Using CKFinder section of the quoted doc along with some configuration options. There are also other external solutions available, so in any case before you gather any tips on the configuration of CKEditor you have to know what you are going to use.

Wed, 02/16/2011 - 11:57

Anna

Joined: 14/12/2010

Posts: 1369

Re: Image Uploader for Beginners

CKEditor.replace

is the standard method for inserting an editor instance into a page.
The following resources should be helpful to you:
- the samples from the "_samples" folder of your CKEditor installation. Check the code snippets and the source code of these HTML pages to see how and where the "CKEditor.replace" function is being used.
- the Integration article from CKEditor 3.x Developer's Guide.
- the CKEditor Integration article from CKFinder 2.x Developer's Guide.
- and, in general, most of the docs that describe the basics of the installation, configuration, and integration of CKEditor and CKFinder.

Do not be scared off by so many resources that I am sending you to, the point is to just play a bit with the code, investigate the samples and experiment with them. This is what the samples are for -- you are getting a page that was created and configured for you, and you can now try to modify that code to see how it works. Even if it all looks like magic to you now, it should begin to make sense after a bit of fiddling with the code, whether you are a seasoned developer or not.

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!