Связка elRTE и elFinder как в Демо
Added by Андрей Зайцев about 1 year ago
Доброго вам времени суток.
У меня возник вопрос "Как?"
В вашем Демо (http://elrte.org/demo) при работе с изображениями (добавление или редактирование) есть кнопка открывающая файловый менеджер elFinder.
Как сделать тоже самое.
Заранее спасибо за ответ.
Replies (10)
RE: Связка elRTE и elFinder как в Демо
-
Added by Troex Nevelin about 1 year ago
откройте исходники страницы и посмотрите JS или смотри Inegration_RU
RE: Связка elRTE и elFinder как в Демо
-
Added by Андрей Зайцев about 1 year ago
Спс. Теперь новая проблема:
Event thread: click
Uncaught exception: TypeError: '$('<div id="myelfinder">').elfinder' is not a function
Error thrown at line 11, column 5 in <anonymous function: fmOpen>(callback) in http://legends-of-zone.ru/edit:
$('<div id="myelfinder">').elfinder({
called from line 183, column 1589 in <anonymous function: command>() in http://legends-of-zone.ru/js/elrte.min.js:
b.rte.options.fmOpen(function(w){b.src.main.src.val(w).change()
called from line 63, column 317 in <anonymous function: handle>(a) in http://legends-of-zone.ru/js/jquery-1.4.4.min.js:
k=k.handler.apply(this,h);
called via Function.prototype.apply() from line 56, column 835 in <anonymous function: o>() in http://legends-of-zone.ru/js/jquery-1.4.4.min.js:
return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,
RE: Связка elRTE и elFinder как в Демо
-
Added by Dmitry Levashov about 1 year ago
'$('<div id="myelfinder">').elfinder' is not a function
А elfinder не забыли подключить?
RE: Связка elRTE и elFinder как в Демо
-
Added by Андрей Зайцев about 1 year ago
Подключил Скрипты так:
<script src="<? echo base_url();?>js/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="<? echo base_url();?>js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="<? echo base_url();?>js/ui-themes/base/ui.all.css" type="text/css" media="screen" charset="utf-8"> <script src="<? echo base_url();?>js/elfinder.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="<? echo base_url();?>css/elfinder.css" type="text/css" media="screen" charset="utf-8"> <script src="<? echo base_url();?>js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script> <!-- jQuery and jQuery UI --> <script src="<? echo base_url();?>js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script> <script src="<? echo base_url();?>js/jquery-ui-1.8.7.custom.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="<? echo base_url();?>css/smoothness/jquery-ui-1.8.7.custom.css" type="text/css" media="screen" charset="utf-8"> <!-- elRTE --> <script src="<? echo base_url();?>js/elrte.min.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="<? echo base_url();?>css/elrte.min.css" type="text/css" media="screen" charset="utf-8"> <!-- elRTE translation messages --> <script src="<? echo base_url();?>js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>
Затем:
<script type="text/javascript" charset="utf-8">
$().ready(function() {
var opts = {
absoluteURLs: false,
cssClass : 'el-rte',
lang : 'ru',
height : 420,
toolbar : 'maxi',
cssfiles : ['<? echo base_url();?>/css/elrte-inner.css'],
fmOpen : function(callback) {
$('<div id="myelfinder">').elfinder({
url : '<? echo base_url();?>/connectors/php/connector.php',
lang : 'ru',
dialog : { width : 900, modal : true, title : 'elFinder - file manager for web' },
closeOnEditorCallback : true,
editorCallback : callback
})
}
}
$('#editor').elrte(opts);
})
</script>
Пояснения:
При загрузке страницы echo base_url();?> = http://legends-of-zone.ru/
RE: Связка elRTE и elFinder как в Демо
-
Added by Андрей Зайцев about 1 year ago
А добрый "firebug" показывает это:
"[object Event] (undefined,undefined)"
"Uncaught ReferenceError: jQuery is not defined (jquery-ui-1.7.2.custom.min.js,10)"
"Uncaught ReferenceError: jQuery is not defined (elfinder.min.js,1)"
"Uncaught ReferenceError: jQuery is not defined (elfinder.ru.js,1)"
"Uncaught TypeError: Object #<Object> has no method 'elfinder' (edit,44)"
RE: Связка elRTE и elFinder как в Демо
-
Added by Troex Nevelin about 1 year ago
Вы пытаетесь дважды подключить jquery, подключать нужно его один раз (лучше подключить из elrte пакета - он там новее), последовательность должна быть строго: jquery, jquery-ui, elrte, elfinder. Ещё раз внимательно посмотрите как подключается demo.
RE: Связка elRTE и elFinder как в Демо
-
Added by Андрей Зайцев about 1 year ago
Почти Всё, Почти Разобратся!
Короче Для всех у кого такая же проблема:
Подключаем так:
1) Качаем оба архива (elRTE и elFinder) и распаковываем на сервер.
2) Подключаем редактор и файловый менеджер (как видите последовательно)
<link rel="stylesheet" href="http://АДРЕС_Сайта/css/smoothness/jquery-ui-1.8.7.custom.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="http://АДРЕС_Сайта/css/elrte.min.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="http://АДРЕС_Сайта/css/elfinder.css" type="text/css" media="screen" charset="utf-8" />
<script src="http://АДРЕС_Сайта/js/jquery-1.4.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://АДРЕС_Сайта/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://АДРЕС_Сайта/js/elrte.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://АДРЕС_Сайта/js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>
<script src="http://АДРЕС_Сайта/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://АДРЕС_Сайта/js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$().ready(function() {
var opts = {
absoluteURLs: false,
cssClass : 'el-rte',
lang : 'ru',
height : 420,
toolbar : 'maxi',
cssfiles : ['http://АДРЕС_Сайта/css/elrte-inner.css'],
fmOpen : function(callback) {
$('<div id="myelfinder">').elfinder({
url : 'http://АДРЕС_Сайта/connectors/php/connector.php',
lang : 'ru',
dialog : { width : 900, modal : true, title : 'elFinder - file manager for web' },
closeOnEditorCallback : true,
editorCallback : callback
})
}
}
$('#editor').elrte(opts);
})
</script>
3) Всё должно заработать!
У меня же осталась маленькая проблема: Некорректный ответ сервера!
RE: Связка elRTE и elFinder как в Демо
-
Added by Troex Nevelin about 1 year ago
http://АДРЕС_Сайта/connectors/php/connector.php проверьте этот файл в нём настройка коннектора
RE: Связка elRTE и elFinder как в Демо
-
Added by Андрей Зайцев about 1 year ago
Всё заработало только папки созданные на русском языке... кхм... нечитабельны
RE: Связка elRTE и elFinder как в Демо
-
Added by Troex Nevelin about 1 year ago
elFinder работает только с UTF-8 кодировкой, если у вас winxp, то скорее с этим будут проблемы, на форуме есть несколько тем и примеров как сделать перекодировку в cp1251.
(1-10/10)