Удобный и современный файловый менеджер

+8
374
Удобный и современный файловый менеджер

Всем привет!
Предлагаю для теста современный и функциональный файловый менеджер для InstantCMS.
Управление структурой файлов и папок, быстрый просмотр по Space (код, медиа, документы, PDF), редактор Ace с AJAX-сохранением, пакетные операции, тихий буфер обмена, визуальный конструктор структуры и конвертация в WebP и многое другое.

Компонент основан на популярном решении [Tiny File Manager], которое было глубоко переработано и адаптировано под экосистему InstantCMS: серверная логика отделена от шаблонов, интерфейс переведён на современный стек (Bootstrap 5.3, светлая и тёмная темы), расширен функционал (быстрый Space-предпросмотр, конвертация в WebP, визуальный конструктор структур, тихий буфер обмена) и обеспечена строгая интеграция с авторизацией и правами доступа CMS.

Изображение

🚀 Ключевые возможности



1. Бесшовная интеграция с InstantCMS
Встраивание в админку: удобный полноэкранный фрейм внутри панели управления сайтом с кнопкой обновления и возможностью быстрого открытия в отдельной вкладке.
Безопасность: строгий контроль доступа — открытие файлового менеджера разрешено только авторизованным администраторам сайта.
Гибкие настройки:
Выбор рабочего каталога: полный доступ ко всей системе либо изоляция только внутри папки загрузок (/upload).
Переключение отображения скрытых файлов (.htaccess, .gitkeep и др.).
Режим «Только для чтения» для предотвращения случайных изменений.


2. Универсальный быстрый просмотр (Spacebar Quick Preview)
Нажмите клавишу Пробел (Space) на любом файле для мгновенного предпросмотра без открытия сторонних программ:
Код и конфиги: исходный код с номерами строк и подсветкой синтаксиса.
Изображения: быстрый просмотр с зумом, EXIF-данными и информацией о разрешении.
Медиа: встроенные аудио- и видеоплееры (MP3, WAV, MP4, WebM и др.).
Документы: встроенный просмотр PDF-файлов и офисных документов (Word, Excel, OpenDocument).
Удобная навигация стрелками (← → или ↑ ↓) для перехода к следующему/предыдущему файлу без закрытия окна.


3. Продвинутый редактор кода (Ace Editor)
Редактирование файлов PHP, HTML, CSS, JS, JSON, XML и YAML прямо в браузере.
Подсветка синтаксиса, нумерация строк, сворачивание блоков кода, поиск и замена.
Мгновенное сохранение по горячей клавише Ctrl+S / Cmd+S через защищенный AJAX-запрос без перезагрузки всей страницы.
Защита от потери несохраненных данных при случайном закрытии.

4. Умный буфер обмена и разрешение конфликтов
Тихий AJAX-буфер: копирование и вырезание файлов без перезагрузки страниц.
Плавающая панель управления (Floating Clipboard): компактная панель внизу экрана с информацией о скопированных объектах, кнопками «Вставить сюда» / «Переместить сюда» и очисткой.
Интеллектуальное разрешение конфликтов: если файл уже существует, менеджер предложит «Заменить», «Сохранить оба» (с автоматическим присвоением суффиксов -1, -2...) или отменить операцию.


5. Пакетные операции и выделение
Удобное управление выделением: клик по свободной области строки, множественный выбор с зажатым Ctrl/Cmd, выделение диапазона через Shift.
Контекстное меню по правому клику мыши.
Быстрое скачивание выбранных файлов и папок в виде единого ZIP-архива.
Мгновенное создание новой папки с автоматическим перемещением в неё всех выделенных элементов.
Безопасное удаление со встроенным подтверждением прямо в строке/меню без блокирующих системных alert и confirm.


6. Конвертация изображений в WebP
Оптимизация графики в один клик: пакетная и одиночная конвертация изображений (JPEG, PNG) в современный формат WebP.
Оригинальные файлы остаются нетронутыми, а рядом создается оптимизированная WebP-копия.
Автоматический выбор серверного движка: Imagick или GD.


7. Визуальный конструктор структуры (Structure Builder)
Инструмент для быстрого прототипирования и создания каркасов проектов и дополнений.
Визуальное дерево с поддержкой Drag & Drop папок и файлов.
Возможность предварительного наполнения файлов кодом перед созданием на диске.
Сохранение и загрузка собственных пресетов структуры (файловые JSON-пресеты).


8. Интерактивная карта каталога (Folder Map)
Анализ любой папки в один клик:
Точный рекурсивный расчет размера папки и количества вложенных объектов.
Наглядная круговая диаграмма распределения занимаемого места по типам файлов.
Список топ-5 самых «тяжелых» файлов каталога.


9. Современный UX/UI
Полноценная поддержка светлой и тёмной тем оформления.
Прилипающий заголовок (Sticky Header) со стильными кликабельными хлебными крошками (Breadcrumbs) и быстрым переходом вверх.
Ненавязчивые информативные Toast-уведомления вместо устаревших всплывающих окон.
Полная адаптивность под экраны планшетов и мобильных устройств.

Прикреплённый файл:
Скачать 151 Кбскачан 13 раз
+1
Clear Clear 1 месяц назад #

Спасибо круто. Правильно с AI slops даже не заморачивайтесь ))

0
Денис Васильевич Денис Васильевич 1 месяц назад #

Пожалуйста. Пишите замечания и пожелания )

0
Алексей Т Алексей Т 1 месяц назад #

Пожелания. Напиши ИИ что бы вел разработку на Русском языке. А то тебе самому трудно понять что есть и как))) Шутка конечно!🙂

+2
Денис Васильевич Денис Васильевич 1 месяц назад #

Интерфейс файлового менеджера мультиязычный. Англ. язык как база, после устоявшегося текста будет перевод на русский. Компонент не за один вечер делал, функционала много, что-то начинаю забывать. 

п.с. Разрабатываю и продумываю я сам, а нейронка делает рутинную работу — пишет код, потом я перепроверяю, хотя и не все, поэтому надо потестить.

0
Pawell Pawell 18 дней назад #

Приветствую! После установки данного и очень нужного компонента: 

  1. cmsTemplate->renderControllerChild() @ /system/controllers/errorpages/hooks/error_404.php : 23
  2. onErrorpagesError404->run() @ /system/core/controller.php : 777
  3. cmsController->runExternalHook() @ /system/core/controller.php : 736
  4. cmsController->runHook() @ /system/core/eventsmanager.php : 142
  5. cmsEventsManager::runHook() @ /system/core/eventsmanager.php : 61
  6. cmsEventsManager::hook() @ /system/core/core.php : 1404
  7. cmsCore::error404() @ /system/controllers/admin/actions/controllers_edit.php : 17
  8. actionAdminControllersEdit->run() @ /system/core/controller.php : 637
  9. cmsController->runExternalAction() @ /system/core/controller.php : 477
  10. cmsController->executeAction() @ /system/core/frontend.php : 18
  11. cmsFrontend->executeAction() @ /system/core/action.php : 74

что я делаю не так?

0
Pawell Pawell 18 дней назад #

Криво установился компонент вручную. Перезалил. В админке появился но: Изображение

вместо содержимого переадресация...

0
Денис Васильевич Денис Васильевич 18 дней назад #

Надо устанавливать через админку.

Попробуйте обновить на версию 1.0.1 Гугл диск

В этот раз для обновления можно только скопировать из нового архива с заменой 3 файла:

/system/controllers/fm/backend.php
/system/controllers/fm/frontend.php
/fm/index.php

+1
Pawell Pawell 18 дней назад #

Спасибо. Всё появилось.

0
Pawell Pawell 18 дней назад #

После смены языка в настройках всё исчезло, белая страница на месте файлового менеджера… Открывается только страница с опциями.Изображение

0
Денис Васильевич Денис Васильевич 16 дней назад #

Пока только английский работает.

0
Pawell Pawell 16 дней назад #

А как обратно вернуть? А то вообще ничего не отображается...

+2
Денис Васильевич Денис Васильевич 16 дней назад #

Скачайте и обновитесь до версии 1.0.2.
Завез русскую версию.

п.с. Ну вот, по вашим замечаниям уже закрыли несколько недочетов и перевели на русский язык )


Еще от автора

Продолжаю работать над Конструктором сайтов. Магазин на подходе.
Делюсь свежими новостями разработки: конструктор сайтов для InstantCMS понемногу развивается, а параллельно закладывается фундамент для полноценного м
Поле Медиа-сетка как на vk
Медиа-сетка для InstantCMS — фото и видео без обрезки. Создавайте красивые адаптивные галереи с фото и видео в стиле VK и Telegram.
🍪Мы используем файлы cookie для работы сайта. Читать подробнее.