How do you connect Finder to Editor

I'm new here and I don't see a search field so I suspect this question has been asked 1000 times but I can't figure it out. I understand enough about PHP and javascript to get by but the instructions on these pages don't make sense to me. Where is the config file that I add the code to and how do I add that code? Is there an example that I can just copy and paste from? Help!

Sat, 02/16/2013 - 20:54

ToshNeox

Joined: 16/02/2013

Posts: 12

Hi,

Do you need to add code to CKEditor's config file, are you writing a plugin, or something else?

The config is config.js.

Sun, 02/17/2013 - 16:50

thedesignsmith

Joined: 15/02/2013

Posts: 3

I don't know - that's what I

I don't know - that's what I'm asking. What code do I add to make this work and where do I add it?

Mon, 02/18/2013 - 10:54

Anna

Joined: 14/12/2010

Posts: 1369

It would be great if you

It would be great if you could be more specific as to which instructions do not make sense to you, it would make it easier to help you.

At the moment, CKFinder Developer's Guide is available here: http://docs.cksource.com/CKFinder_2.x/Developers_Guide
Here are the instructions for integrating CKEditor with CKFinder for PHP: http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration

CKEditor 4 Developer's Guide is here: http://docs.ckeditor.com/#!/guide
CKFinder integration is explained here: http://docs.ckeditor.com/#!/guide/dev_file_browse_upload-section-3

Older CKEditor 3.x Developer's Guide is here: http://docs.cksource.com/CKEditor_3.x/Developers_Guide
CKFinder integration is explained here: http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29#Using_CKFinder

Which of the above is unclear to you?

If you are new to CKEditor and/or CKFinder, I suggest you start from standalone installs first, check if the samples work for you, and integrate when you are sure that both applications work as you wish.

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!

Mon, 02/18/2013 - 17:51

thedesignsmith

Joined: 15/02/2013

Posts: 3

Yes to be specific, on this

Yes to be specific, on this page ( http://docs.cksource.com/CKFinder_2.x/Developers_Guide/PHP/CKEditor_Integration ) I don't understand where to put this code:

Enabling CKFinder

 CKEDITOR.replace( 'editor1',
{
	filebrowserBrowseUrl : '/ckfinder/ckfinder.html',
	filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?type=Images',
	filebrowserFlashBrowseUrl : '/ckfinder/ckfinder.html?type=Flash',
	filebrowserUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
	filebrowserImageUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
	filebrowserFlashUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
});

Remember to change the /ckfinder/ path in the above URLs, if you have installed CKFinder in a different location.

Can you give me a complete example noting where the configuration file is in the directory and where on that page this code should go?

Thanks.

Tue, 02/19/2013 - 09:49

Anna

Joined: 14/12/2010

Posts: 1369

This is simply the code that

This is simply the code that you use on your website to initialize a CKEditor instance. See any of the CKEditor samples ("samples" folder of your editor installation path) and their source code -- most of the time the editor is initialized in this way.

Additionally, you can read the Setting Configurations article from the Developer's Guide. The Developer's Guide is your best friend really in getting to know the editor as well as its installation and configuration process.

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!