MrZenW / ckeditor-elfinder

Quickstart/Example of using elFinder with AWS S3 PHP adapter in CKEDITOR

CKEDITOR 4 using elFinder with AWS S3 adapter

Working demo

https://www.biqdev.com/demo/ckeditor-elfinder/

Running this example

Clone this repo, then you just need to modify /vendor/elFinder/php/connector.minimal.php ( you should put your AWS S3 key, secret etc. there at variable $aws_config ). That's all :)

---

Step was done for this repo ( do it your self ):

1. Download CKEditor 4, jQuery, jQuery-UI and setup them accordingly to the HTML page just like this: https://github.com/bayucandra/ckeditor-elfinder/blob/master/index.html
2. CKEditor JS setup should looks something like: https://github.com/bayucandra/ckeditor-elfinder/blob/master/app.js
3. Download latest version of elFinder from: https://studio-42.github.io/elFinder/#elf_l1_RG93bmxvYWRz or from their github release page: https://github.com/Studio-42/elFinder/releases ( This project repo using version: 2.1.46 )
4. In your terminal start get into /elFinder/php directory by doing: `cd /elFinder/php`
5. Install 'Flysystem' connector using PHP composer by doing: `composer require barryvdh/elfinder-flysystem-driver`
6. If you see a message, something which may looks like: "No composer.json in current directory, do you want to use the one at...", simply answer with "n" which mean "no", then press enter. We really like to install vendor in current directory.
7. Install 'AWS S3 SDK' using composer by doing: `composer require league/flysystem-aws-s3-v3`
8. Rename /elFinder/php/connector.minimal.php-dist to /elFinder/php/connector.minimal.php
9. Setup your connector to use AWS S3 SDK on: /elFinder/php/connector.minimal.php, see working example: https://github.com/bayucandra/ckeditor-elfinder/blob/master/vendor/elFinder/php/connector.minimal.php ( you should put your AWS S3 key, secret etc. there at variable `$aws_config` )