Uopdate readme

Author: helios-ag

.github/FUNDING.yml

@@ -0,0 +1 @@
+custom: ["https://www.paypal.me/heliosag", helios]

README.md

@@ -43,6 +43,7 @@ Recommended bundles to use with:
 - [Elfinder Form Type](/docs/elfinder-form-type.md)
     - [Configuration](/docs/elfinder-form-type.md#configuration)
     - [EasyAdmin 2.x](/docs/elfinder-form-type.md#easyadmin-2x-integration)
+    - [EasyAdmin 3.x/4.x](/docs/elfinder-form-type.md#easyadmin-3x/4x-integration)
 - [CKEditor integration](/docs/ckeditor-integration.md)
     - [Installation](/docs/ckeditor-integration.md#step-1-installation)
     - [Configuration](/docs/ckeditor-integration.md#step-2-configure-ckeditor-setting-via-settingsyml-or-through-form-builder)

docs/elfinder-form-type.md

@@ -61,3 +61,77 @@ design:
       - '@EasyAdmin/form/bootstrap_4.html.twig'
       - '@FMElfinder/Form/elfinder_widget.html.twig'
 ``` 
+
+## EasyAdmin 3.x/4.x integration
+
+Almost same as for 2.x, but you need to add
+
+```php
+
+// ProjectCrudController.php
+// ...
+public function configureFields(string $pageName): iterable
+{
+    // ...
+    yield Field::new('image', 'Image')
+        ->setFormType(ElFinderType::class)
+        ->setFormTypeOptions([
+            'instance' => 'default',
+            'enable' => true,
+        ])
+        ->onlyOnForms()
+    ;
+    // ...
+}
+
+public function configureCrud(Crud $crud): Crud
+{
+    return $crud
+        // ...
+        ->addFormTheme('@FMElfinder/Form/elfinder_widget.html.twig')
+    ;
+}
+```
+
+Collection field:
+```php
+    return [
+        Field::new('cover', 'Cover')->setFormType(ElFinderType::class)
+                        ->setFormTypeOptions(
+                            [
+                                'instance' => 'image_form',
+                                'attr' => ['class' => 'col-6'],
+                            ]
+                        )
+                        ->hideOnIndex(),
+                    CollectionField::new('photos', 'Photos')
+                    ->setEntryType(PhotoType::class)
+    ];
+```
+
+```php
+    public function buildForm(FormBuilderInterface $builder, array $options)
+        {
+            $builder
+                ->add('path', ElFinderType::class, [
+                    'instance' => 'image_form',
+                    'enable' => true
+                ])
+                ->add('translations', TranslationsType::class, [
+                    'fields' => [
+                        'description' => [
+                            'field_type' => CKEditorType::class,
+                            'label' => 'Description',
+                        ],
+                    ],
+                ]);
+        }
+```
+
+And override elfidner_widget.html.twig
+```js
+    live('click', '[data-type="elfinder-input-field"]', function (event) {
+                var id = $(this).attr('id');
+                var childWin = window.open("{{path('elfinder', {'instance': instance, 'homeFolder': homeFolder })}}?id="+id, "popupWindow", "height=450, width=900");
+        });
+```