Связка 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>

Пояснения:
При загрузке страницы = 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)