Установка очень простая:
1) Скачиваем с оф. сайта elfinder[точка]org последнюю версию elfinder и распаковываем в public_html.
2) Редактируем elfinder/elfinder.html
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>elFinder 2.0</title> <!-- jQuery and jQuery UI (REQUIRED) --> <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <!-- elFinder CSS (REQUIRED) --> <link rel="stylesheet" type="text/css" media="screen" href="css/elfinder.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="css/theme.css"> <!-- elFinder JS (REQUIRED) --> <script type="text/javascript" src="js/elfinder.min.js"></script> <!-- elFinder translation (OPTIONAL) --> <script type="text/javascript" src="js/i18n/elfinder.ru.js"></script> <!-- elFinder initialization (REQUIRED) --> <script type="text/javascript" charset="utf-8"> // Helper function to get parameters from the query string. function getUrlParam(paramName) { var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i') ; var match = window.location.search.match(reParam) ; return (match && match.length > 1) ? match[1] : '' ; } $().ready(function() { var funcNum = getUrlParam('CKEditorFuncNum'); var elf = $('#elfinder').elfinder({ url : 'php/connector.php', getFileCallback : function(file) { window.opener.CKEDITOR.tools.callFunction(funcNum, file); window.close(); }, resizable: false }).elfinder('instance'); }); </script> </head> <body> <!-- Element where elFinder will be created (REQUIRED) --> <div id="elfinder"></div> </body> </html>3) В файле admin.php
вместо
CKEDITOR.replace('myarea1',); ... CKEDITOR.replace('myarea1',); CKEDITOR.replace('myarea2',);прописываем
CKEDITOR.replace('myarea1', { filebrowserBrowseUrl : 'elfinder/elfinder.html', // eg. 'includes/elFinder/elfinder.html' uiColor : '#9AB8F3' }); ... CKEDITOR.replace('myarea1', { filebrowserBrowseUrl : 'elfinder/elfinder.html', // eg. 'includes/elFinder/elfinder.html' uiColor : '#9AB8F3' }); CKEDITOR.replace('myarea2', { filebrowserBrowseUrl : 'elfinder/elfinder.html', // eg. 'includes/elFinder/elfinder.html' uiColor : '#9AB8F3' });4) В результате при редактировании категорий или товаров при добавлении картинки или вставки ссылки появляется дополнительная кнопочка "Выбор на сервере".
Если где-то накосячил, прошу не пинать, у меня вроде заработало.