Подробнее о интеграции elFinder в elRTE

Added by Александр С over 1 year ago

Доброе время суток, господа програмисты.
Каюсь, не силен в JS, с трудом синтаксис понимаю. Ну, а что касается логики, тут вообще хоть караул кричи.
Кое как elRTE к страничке прицепил, а elFinder уже не осилил.

elRTE у меня находится в /libs/elRTE
elFinder в /libs/elfinder-1.1

elRTE инициализировал так:

 1             <link rel="stylesheet" href="../libs/elrte/css/smoothness/jquery-ui-1.8.7.custom.css" type="text/css" media="screen" charset="utf-8">
 2             <link rel="stylesheet" href="../libs/elrte/css/elrte.min.css"                         type="text/css" media="screen" charset="utf-8">
 3 
 4             <script src="../libs/elrte/js/jquery-1.4.4.min.js"           type="text/javascript" charset="utf-8"></script>
 5             <script src="../libs/elrte/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript" charset="utf-8"></script>
 6             <script src="../libs/elrte/js/elrte.min.js"                  type="text/javascript" charset="utf-8"></script>
 7             <script src="../libs/elrte/js/i18n/elrte.ru.js"              type="text/javascript" charset="utf-8"></script>
 8 
 9             <script type="text/javascript" charset="utf-8">
10                 $().ready(function() {
11                         var opts = {
12                             cssClass : "el-rte",
13                             // lang     : "ru",
14                             height   : 450,
15                             fmAllow  : true,
16                             toolbar  : "maxi",
17                             cssfiles : ["css/elrte-inner.css"]
18                         }
19                         $("#editor").elrte(opts);
20                     })
21             </script>

Пробовал вот так подключать - ничего не вышло (вообще тулбар со странички изчезал):
 1             <link rel="stylesheet" href="../libs/elrte/css/smoothness/jquery-ui-1.8.7.custom.css" type="text/css" media="screen" charset="utf-8">
 2             <link rel="stylesheet" href="../libs/elrte/css/elrte.min.css"                         type="text/css" media="screen" charset="utf-8">
 3 
 4             <script src="../libs/elrte/js/jquery-1.4.4.min.js"           type="text/javascript" charset="utf-8"></script>
 5             <script src="../libs/elrte/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript" charset="utf-8"></script>
 6             <script src="../libs/elrte/js/elrte.min.js"                  type="text/javascript" charset="utf-8"></script>
 7             <script src="../libs/elrte/js/i18n/elrte.ru.js"              type="text/javascript" charset="utf-8"></script>
 8 
 9             <script src="../libs/elfinder-1.1/js/jquery.js" type="text/javascript" charset="utf-8"></script>
10             <script src="../libs/elfinder-1.1/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script>
11             <link rel="stylesheet" href="../libs/elfinder-1.1/js/ui-themes/base/ui.all.css" type="text/css" media="screen" charset="utf-8">
12 
13             <script src="../libs/elfinder-1.1/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
14             <link rel="stylesheet" href="../libs/elfinder-1.1/css/elfinder.css" type="text/css" media="screen" charset="utf-8">
15             <script src="../libs/elfinder-1.1/js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>
16 
17             <script type="text/javascript" charset="utf-8">
18                 $().ready(function() {
19                         var opts = {
20                             cssClass : "el-rte",
21                             // lang     : "ru",
22                             height   : 450,
23                             fmAllow  : true,
24                             toolbar  : "maxi",
25                             cssfiles : ["css/elrte-inner.css"]
26                         }
27                         $("#editor").elrte(opts);
28                         $("#my-div").elfinder({
29                         url : "connectors/php/connector.php",
30                         lang : "ru" 
31                         })
32                     })
33             </script>

Подскажите как правильно подключить в моем случае, своими силами справиться не могу.
Да, пробовал возможности elFinder и elRTE в Demo - там все работает. Так, что проблема не в браузере.


Replies (2)

RE: Подробнее о интеграции elFinder в elRTE - Added by Troex Nevelin over 1 year ago

Вы дважды подключаете jquery и jquery ui, посмотрите исходники как работает demo elrte, jquery и jquery ui так же как и их темы должны подключаться только раз. jquery и ui лучше брать из последней версии elrte, они там более свежие.

JS конечно вам желательно подучить хотя бы на базовом уровне, если с ним приходиться работать - лишним не будет.

RE: Подробнее о интеграции elFinder в elRTE - Added by Александр С over 1 year ago

Насчет, подучить - полностью с вами согласен. Основы просматриваю, вникаю потихоньку.
Два лишних подключения jquery и jquery ui выкинул. Все работает - спасибо за замечательный продукт!

(1-2/2)