https://github.com/dekyfin/elfinder-picker
Pick files in your project using elFinder browser. Works with tinyMCE an various editors
https://github.com/dekyfin/elfinder-picker
elfinder file-picker tinymce-elfinder tinymce-plugin
Last synced: 5 months ago
JSON representation
Pick files in your project using elFinder browser. Works with tinyMCE an various editors
- Host: GitHub
- URL: https://github.com/dekyfin/elfinder-picker
- Owner: dekyfin
- Created: 2017-09-08T18:05:49.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-12T14:15:23.000Z (over 7 years ago)
- Last Synced: 2025-10-27T11:29:33.783Z (5 months ago)
- Topics: elfinder, file-picker, tinymce-elfinder, tinymce-plugin
- Language: JavaScript
- Size: 3.91 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# elFinder Picker
Enable your website users to select files using elFinder File Browser. You can also use this tool as a file picker module for tinyMCE editor
## Demo
Coming soon
## Dependencies
- jQuery
- [elFinder](https://github.com/Studio-42/elFinder)
## Installation
### Bower
Run `bower install elfinder-picker`
### Manual Install
Downoad [elFinder Picker](https://github.com/dekyfin/elfinder-picker/archive/master.zip)
### Add to Project
#### Add elFinder Picker to your project
```html
```
#### Configure elFinder Picker as shown
```html
elFinderPicker.config( { url: "path/to/elfinder.html" })
```
### Configure elFinder
```javascript
{
url : '/path/to/elfinder/connector.php',
getFileCallback : function(file, fm) {
parent.elFinderPicker.oninsert(file, fm);
}
}
```
## Usage
### Using elFinder Picker Directly
`elFinderPicker.open( callback )`
The callback function takes two arguments:
#### Example
```html
Pick File
```
### TinyMCE Integration
```javascript
tinymce.init({
selector: '.text-editor',
height: 350,
plugins: [ ],
file_picker_callback: elFinderPicker.open,
});
```