Drupella FM is a web-based file manager that has a drag & drop user interface powered by AJAX.
Having WYSIWYG support out of the box, it can replace many file manager modules available for Drupal 6 including IMCE, WebFM, CKFinder, etc.
See the live demo
Features
- AJAX powered drag & drop user interface
- File operations: Upload, Delete, Move, Copy, Rename
- Folder operations: Create, Delete, Move, Copy, Rename
- Image operations: Resize, Crop
- Mouse indicators for move-copy permissions during drag & drop.
- Multiple file upload
- Upload progress
- Drag drop files from your local computer
- File sorting by name, size, date, type
- Keyboard shortcuts for file operations similar to common file explorers of Windows and Linux.
- Switching between icon view and list view
- Small footprint with overall 90kb javascript. (30kb gzipped)
- Very fast javascript DOM rendering. A folder containing 10000 files takes only a few seconds to render.
- Configuration profiles per user roles
- Configurable limits: upload file size, disk quota, file extensions, image dimensions
- Multiple personal or shared folders for users
- Token support in folder names
- File permissions per folder
- Support for inline image & file link insertion into textareas
- Display thumbnails as image icons using imagacache presets
- Integration with WYSIWYG module, CKEditor module, and BUEditor
- Custom wysiwyg plugins for inserting multiple images or files into editor content
- Support for private file system
- Select FTP files or Drupal files for file/image fields using the included dfm_filefield module
- Mobile friendly responsive layout. Fully functional in mobile browsers supporting touch events.
- Search files under any directory
Compatible with
See Drupella File Manager 7 for Drupal 7
See Drupella File Manager PHP for PHP Standalone Version
Installation
- Copy the dfm module directory to sites/all/modules
- Enable the module in Drupal admin interface
- Create configuration profiles and assign them to user roles at /admin/settings/dfm
- You can set a thumbnail style for image icons in profile configuration under Advanced configuration > Show image icons as thumbnails
- Users can access the file manager at /dfm.
- Enable Drupella FM for File Field module if you want to select files from Drupella FM for your image/file fields. You must check the Allow users to select files from Drupella FM for this field option in your field's configuration page.
WYSIWYG Module Integration
- Edit your wysiwyg editor profile at admin/settings/wysiwyg
- Enable "Drupella FM: Integrate into image/link dialogs" under Buttons and plugins section
- Save
- Now the file browser should appear when you click browse button in image/link dialogs.
Note: There are also individual buttons that can be enabled for inserting multiple files without image/link dialogs
- "Drupella FM: Button for inserting multiple images"
- "Drupella FM: Button for inserting multiple file links"
CKEditor Module Integration
- Edit your ckeditor profile at admin/settings/ckeditor
- Select none for File browser settings > File browser type
- Set Advanced options > Custom JavaScript configuration field as
config.filebrowserBrowseUrl = '/dfm?fileHandler=dfmWysiwyg.ckeHandler';
- Save
- Now the file browser should appear when you click browse button in image/link dialogs.
Note: There are also individual buttons that can be enabled for inserting multiple files without image/link dialogs
- You first need to enable "Drupella FM: Buttons for inserting multiple images and file links" under "Editor appearance" > "Plugins"
- Then you can enable buttons "Insert images" and "Insert files" under "Toolbar"
BUEditor Module Integration
- Edit your editor at /admin/settings/bueditor. You can work on a copy of default editor.
- Add a new button (This will load DFM integration library and will not be visible)
Title:DFM integration
Content:php: module_invoke('dfm', 'wysiwyg_integrate');
- The default image/link buttons have IMCE integration which can be replaced by Drupella FM.
ReplaceE.imce.button('attr_src')
text with(window.dfmWysiwyg ? dfmWysiwyg.bueButton('attr_src') : '')
in image button
ReplaceE.imce.button('attr_href')
text with(window.dfmWysiwyg ? dfmWysiwyg.bueButton('attr_href') : '')
in link button - Save and test the demo at the bottom of the page
Note: You can also create individual buttons for inserting multiple files without image/link dialogs
- Title=Insert images
Content=js: if (window.dfmWysiwyg) dfmWysiwyg.bueBrowser(E, 'image');
- Title=Insert files
Content=js: if (window.dfmWysiwyg) dfmWysiwyg.bueBrowser(E, 'file');
Textarea(plain) Integration
- Enter your textarea ids into Common settings > Enable image/link insertion into textareas at /admin/settings/dfm.
- Now you should see Insert image and Insert file link links under your textareas.
Standalone Usage
- Go to example.com/dfm to manage files in your default file system.
License
- All files inside "library" folder of this package are licensed under DRUPELLA Proprietary Use License.
- All other files are licensed under GNU General Public License (GPL).