Рабочая инструкция по совместной работе 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)