Рабочая инструкция по совместной работе elFinder и elRTE.

Added by Александр О 4 months ago

SOS
Просидел всю ночь, но собрать "рабочий механизм" из elFinder и elRTE так и не смог.

Легко запустил отдельно elRTE.
А вместе с elFinder - ну, никак.
Прочитал кучу инструкций - и глухая стена... Сколько не пробовал вариантов ничего не получилось.
Очень срочное задание по работе и полный затык. Помогите разобраться, плиз.

Основная проблема в следующем:
1. скачиваю предлагаемый вариант: elFinder вер. 1.2
2. Далее в инструкции по установке указаны следующие строки:

1 <link rel="stylesheet" href="elfinder/js/ui-themes/base/ui.all.css" type="text/css" media="screen" charset="utf-8">
2 <script src="elfinder/js/jquery.js" type="text/javascript" charset="utf-8"></script>
3 <script src="elfinder/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script>

,причём всех этих файлов и в помине нет в скаченной версии. Увы, такова инструкция на http://elrte.org/redmine/projects/elfinder/wiki/Install_RU для "непродвинутых" пользователей :(

На той же странице даны два скрипта "Создание файлового менеджера".
В обоих скриптах Dreamweaver показывает синтаксическую ошибку.

Пытался творчески скопировать код с действующих примеров на сайте - не выходит.
Я понимаю, что проблема сочетания этих двух продуктов (elFinder и elRTE) - не для средних умов, но
крайне опечален тем фактом, что хотя бы один действующий вариант в качестве примера взаимодействия двух программ от производителей не выложен ни на одном сайте. (Казалось бы чего проще).

А хотелось простого: Приятный WYSIWYG редактор, генерирующий корректный код с возможностью загрузки медиа-фалов.

Кстати во всех обзорах, что я читал про эти два продукта, писано про простую установку.
В javascript разбираюсь посредственно. В jQuery - так же..., пользовался несколько раз готовым кодом.

Прошу помощи! Надеюсь на чью-нибудь щедрую душу.
Если кто возьмётся мне объяснять "кусками" - запутаюсь вконец.
Поэтому, меня бы вполне устроил рабочий вариант интегрированного кода этих программ в хедер сайта одним полотном.


Replies (3)

RE: Рабочая инструкция по совместной работе elFinder и elRTE. - Added by Troex Nevelin 4 months ago

Приведите полный пример своего кода, jquery и jquery ui возьмите с CDN или скачайте отдельно, мы его исключили из поставки из идеологических соображений.

Документация воозможно устарела.

RE: Рабочая инструкция по совместной работе elFinder и elRTE. - Added by Александр О 4 months ago

Доброе время суток.
Поскольку я не получил ответ в течение суток, то продолжил свои изыскания методом проб, догадок и тыка.
В результате получил (не знаю, насколько грамотный, но) работоспособный код, который могу здесь привести:

Итого, если кому интересно, мой вариант сопряжения elFinder 1.2 и elRTE 1.3 (последние предлагаемые версии).

1. Разместил скаченный редактор в отдельной папке /elrte/ ,а файловый менеджер в параллельной папке /elfinder/
2. Из ссылок на библиотеки jquery, jquery ui и файлы css убрал повторы (общие для обоих продуктов).
3. Набор кнопок редактора установил максимальный.
4. Внимание! Для корректной работы необходимо также слегка поправить настройки в connector.php (см. ниже).
5. Элемент формы textarea или div (объект редактора) должен иметь id="editor" (согласно последней строке программного блока, приведённого ниже)

код размещается на странице с редактируемым полем формы (или div'ом)

 1 
 2 <link rel="stylesheet" href="elrte/css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8">
 3 <link rel="stylesheet" href="elrte/css/elrte.min.css" type="text/css" media="screen" charset="utf-8">
 4 
 5 <script src="elrte/js/jquery-1.6.1.min.js"           type="text/javascript" charset="utf-8"></script>
 6 <script src="elrte/js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
 7 <script src="elrte/js/elrte.min.js"                  type="text/javascript" charset="utf-8"></script>
 8 <script src="elrte/js/i18n/elrte.ru.js"              type="text/javascript" charset="utf-8"></script>
 9 
10 <script src="elfinder/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
11 <script src="elfinder/js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>
12 <link rel="stylesheet" href="elfinder/css/elfinder.css" type="text/css" media="screen" charset="utf-8">
13 
14 <script type="text/javascript" charset="utf-8">
15      $().ready(function() {
16             var opts = {
17                 absoluteURLs: false,
18                 cssClass : 'el-rte',
19                 lang     : 'ru',
20                 height   : 420,
21                 toolbar  : 'maxi',
22                 cssfiles : ['elrte/css/elrte-inner.css'],                
23                 fmOpen : function(callback) {
24                     $('<div id="myelfinder" />').elfinder({
25                         places: "",
26                         cutURL: ''
27                         url : 'elfinder/connectors/php/connector.php',
28                         lang : 'ru',
29                         dialog : { width : 900, modal : true, title : 'elFinder - file manager for web' },
30                         closeOnEditorCallback : true,
31                         editorCallback : callback
32                     })
33                 }
34             }
35          // create editor
36     $('#editor').elrte(opts);
37      });
38 </script>
39 

И правки файла connector.php (в моём случае elfinder/connectors/php/connector.php ):
Здесь производятся настройки для папки закачек, которая может находится не только в "теле" elfinder-директории, но и за её пределами

1     'root'            => '../../../upload/',  // относительный путь к папке для скачиваемых файлов
2                                      // (которая у меня зовется upload; для каждого свой путь и название)
3     'URL'             => 'http://ДОМЕН_САЙТА/upload/', // URL этой же папки (опять же, каждый настраивает "под себя")
4                                      // в моём случае папки  /elrte/,/elfinder/ и /upload/ расположены параллельно в основной директории сайта 
5 

Если в чём ошибся - поправьте честного ламера.
Разработчикам - глубокий поклон!

RE: Рабочая инструкция по совместной работе elFinder и elRTE. - Added by Troex Nevelin 4 months ago

Рад что вы разобрались, возможно покажется грубостью, но мы не хотим позиционировать свой продукт как "скачал и работает", в первую очередь он расчитан на разработчиков, которые смогут умело использовать его внутри своих продуктов. В любом случае знания JS/jQuery необходимы чтобы в нём разобраться.

(1-3/3)