Pull to refresh

CKEditor, TinyMCE файловый браузер (PHP)

Reading time3 min
Views9.8K
В продолжение, файловый браузер для CKEditor и TinyMCE, и просто для сайта.
Сборка имеет два скина: dark & light

Скриншоты кликабельны


Что умеет:
— Загружать файлы
— Показывать размер занимаемых файлами папок
— Показывать максимальный объем загружаемых файлов
— Загружать только файлы выбранного для просмотра типов
   — Информер состояния загрузки
   — Информер при выборе файла не того типа, не ставить в очередь
— Сжатие изображений при загрузке
— Сортировать отображение по параметра Имя, Дата, Размер
— Групповое удаление файлов
— Скачивание напрямую просматриваемых файлов

Подключаем
<br/><head><br/><script type="text/javascript" src="/AjexFileManager/ajex.js"></script><br/></head><br/><body><br/><script type="text/javascript"><br/>AjexFileManager.init({<br/>// Обязательный параметр<br/>  returnTo: '', // [ckeditor, tinymce, function] default=ckeditor<br/> <br/>// Опционально<br/>  path: '/path/to/AjexFileManager/', // Определяется автоматически, но если вдруг не удается то можно прописать<br/>  editor: '', // Объект CKEDitor'a, нужен только для него<br/> <br/>  width: '', // Ширина popup, default=1000<br/>  height: '', // Высота popup, default=660<br/>  skin: '', // [dark, light], default=dark<br/>  lang: '', // Язык, сейчас есть [ru, en], default=ru<br/>  connector: '', // default=php,<br/>  contextmenu: true // [true, false], default=true<br/>});<br/></script> <br/>


AjexFileManager/ajax/php/ajax.php
<br/>$cfg['url'] = 'upload'; // Папка для загрузок по типам<br/>$cfg['root'] = $_SERVER['DOCUMENT_ROOT'] . DIR_SEP . $cfg['url'] . DIR_SEP; // http://www.yousite.com/upload/        абсолютный путь до папки<br/>$cfg['quickdir'] = ''; // Папка для быстрой загрузки, это закладка Закачать - не открывая файл менеджер, пример: $cfg['quickdir'] = 'quick-folder'; само собой будет по типам, если грузите изображение то оно попадет в /upload/image/quick-folder/filename.jpg<br/> <br/> <br/>$cfg['thumb']['width'] = 150; // ширина создаваемых превьюшек<br/>$cfg['thumb']['height'] = 120; // высота<br/>$cfg['thumb']['quality']= 80; // качество сжатия<br/>$cfg['thumb']['cut'] = true; // обрезание превьюшек сохраняя пропорции<br/>$cfg['thumb']['auto'] = true; // проверка наличия превьюшки, и создание в случае отсутствия<br/>$cfg['thumb']['dir'] = '_thumb'; // скрытая папка для превьюшек, лежать будет в upload/_thumb<br/>$cfg['thumb']['date'] = "j.m.Y, H:i"; //  формат даты в отображении с именами файлов<br/> <br/> <br/>


Вот в общем, старые пожелания учтены а именно, сделан светлый облегченный скин, исправлены параметры с размерами и переносами, контекстное меню вынесено на панельки, инициализация папок в upload без предварительного задавания как раньше было в js [file, flash, image] дереве.

В общем карма с создателями CKFinder и TinyMCE понижена, в общей сложности на файловый браузер потрачено 1.5 недели примерно, эх :) надо кнопочку donate для иностранцев поставить, глядишь упадёт чего-нить, хотя не верю в такие вещи

Тестировано: ff3 3.5, ff2 2.0, opera 10.0, chrome 4.0, ie 8.0; 7(compatibility); 6(открыл, увидел, плюнул, закрыл)

Вот вроде и всё что хотел сказать, в общем пользуйтесь на здоровье.

В планах предварительно:
— сделать прозрачную поддержку для Joomla, Drupal но это не скоро, так как не копал ни один из них.
— онлайн редактор изображений вот думаю сделать, кроп, ресайз, надписи, или готовый внедрить(никто не знает хороший случаем?)

Наслаждайтесь ;)
Взято отсюда

Скачать:
Вместе с CKEditor ~790Kb
Вместе с TinyMCE ~720Kb
Только AjexFileManager ~400Kb (можно удалить папку «skin/dark» она занимает больше всего)

Чуть не забыл:
Demo CKEditor
Demo TinyMCE
Demo Function

Для проверки и создания основных папок вы можете вызвать php файл с параметром ?isWork Пример

P/S: А вот здесь, наш комрад(у него аккаунта на хабре нету) соединил CKEditor(+файл менеджер) вместе с Joomla & WordPress
Tags:
Hubs:
Total votes 79: ↑68 and ↓11+57
Comments75

Articles