Download the PHP package alexantr/yii2-elfinder without Composer
On this page you can find all versions of the php package alexantr/yii2-elfinder. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download alexantr/yii2-elfinder
More information about alexantr/yii2-elfinder
Files in alexantr/yii2-elfinder
Informations about the package yii2-elfinder
elFinder file manager for Yii 2
This extension integrates an elFinder 2.1 file manager into Yii framework 2.0.
Installation
Install extension through composer:
Usage
Configure actions
For using elFinder you must create and configure controller. See complete example with actions for elFinder's connector,
InputFile widget, CKEditor filebrowser* options and TinyMCE file_picker_callback option:
Reed elFinder docs to configure connector options.
InputFile widget
Example of InputFile widget with enabled mime filter and preview:
Note 1: Filter option is using to display only certain files based on their mime type. Check onlyMimes option
in elFinder docs.
Note 2: Preview displays only predefined (saved earlier) input value and not updating on the fly after new selection.
If you want to use the InputFile widget in ActiveForm, it can be done like this:
Using textarea instead text input (can be useful with enabled multiple selection):
Enable multiple selection to select more than one file in one input:
Default paths separator for text input is comma and newline character for textarea.
You can change them in InputFileAction configuration:
Integration with CKEditor
For using elFinder with CKEditor widget (like this one) you need to
specify options filebrowserBrowseUrl and (or) filebrowserImageBrowseUrl:
Note: For filebrowserImageBrowseUrl we use filter query param to display only images.
Integration with TinyMCE 4 & 5
For using elFinder with TinyMCE widget (like this one) you need to
specify option file_picker_callback:
Note: option file_picker_callback available since 4.1.0 version of TinyMCE js plugin.
With second param in getFilePickerCallback() you can set additional settings for
tinymce.activeEditor.windowManager.open (TinyMCE 4) or tinymce.activeEditor.windowManager.openUrl (TinyMCE 5):
Standalone file manager
Add ElFinder widget to any view:
Note: If you are using Bootstrap 3 enable buttonNoConflict option to resolve conflict between
Bootstrap and jQuery UI buttons.