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.