18
Установка очень простая:
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) В результате при редактировании категорий или товаров при добавлении картинки или вставки ссылки появляется дополнительная кнопочка "Выбор на сервере".Если где-то накосячил, прошу не пинать, у меня вроде заработало.
