Forums » Russian »

Объеденить elrte + elfinder

Added by Сергей Затылкин 12 months ago

Добрый день, не получается сделать так что бы при добавлении картинки в elrte она каким то образом выбиралась из elfinder. Я думаю такой вопрос уже не раз задавался, покажите по шагово как это сделать. Bли помогите за вознагрождение icq 378 778 778


Replies (7)

RE: Объеденить elrte + elfinder - Added by Troex Nevelin 12 months ago

Вы видимо не нашли документацию по интеграции elFinder с редакторами, так же можете глянуть source demo.

вознагрождение

Не поленитесь сделать donation.

Мы вам в любом случае поможем =)

RE: Объеденить elrte + elfinder - Added by Сергей Затылкин 12 months ago

Вставил вот такой код: что получилось - при нажатии вставить картинку появилась справа кнопка, но она не кликабельна ...по ее нажатию ничего не открывается, что дальше делать ?

        <script type="text/javascript" charset="utf-8">
        $().ready(function() {

                $('#elFinder a').hover(
                    function () {
                        $('#elFinder a').animate({
                            'background-position' : '0 -45px'
                        }, 300);
                    },
                    function () {
                        $('#elFinder a').delay(400).animate({
                            'background-position' : '0 0'
                        }, 300);
                    }
                );

            $('#elFinder a').delay(800).animate({'background-position' : '0 0'}, 300);

            var opts = {
                absoluteURLs: false,
                cssClass : 'el-rte',
                lang     : 'en',
                height   : 420,
                toolbar  : 'maxi',
                cssfiles : ['http://elrte.org/release/elrte/css/elrte-inner.css'],
                fmOpen : function(callback) {
                    $('<div id="myelfinder" />').elfinder({
                        url : 'http://new/medialib/connectors/php/connector.php',
                        lang : 'en',
                        dialog : { width : 900, modal : true, title : 'elFinder - file manager for web' },
                        closeOnEditorCallback : true,
                        editorCallback : callback
                    })
                }
            }
            $('#editor').elrte(opts);
        })
        </script>

    <script type="text/javascript" charset="utf-8">
        $().ready(function() {
            var opts = {
                cssClass : 'el-rte',
                lang     : 'ru',
                height   : 450,
                toolbar  : 'complete',
                cssfiles : ['./editor/css/elrte-inner.css']
            }
            $('#editor').elrte(opts);
        })
    </script>

RE: Объеденить elrte + elfinder - Added by Dmitry Levashov 12 months ago

Уберите все лишнее типа анимации. Предпоследний пример должен работать. В последней нет вызова elfindera

RE: Объеденить elrte + elfinder - Added by Troex Nevelin 12 months ago

Оставьте только:

      $().ready(function() {
            var opts = {
                absoluteURLs: false,
                cssClass : 'el-rte',
                lang     : 'en',
                height   : 420,
                toolbar  : 'maxi',
                cssfiles : ['./editor/css/elrte-inner.css'],
                fmOpen : function(callback) {
                    $('<div id="myelfinder" />').elfinder({
                        url : 'http://new/medialib/connectors/php/connector.php',
                        lang : 'en',
                        dialog : { width : 900, modal : true, title : 'elFinder - file manager for web' },
                        closeOnEditorCallback : true,
                        editorCallback : callback
                    })
                }
            }
            $('#editor').elrte(opts);
      });

А то вы дважды запулили elRTE на один и тот же элемент

RE: Объеденить elrte + elfinder - Added by вова фомин 12 days ago

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

<head>
  <title>редактор elRTE + elFinder</title>

<link rel="stylesheet" href="http://redaktor.loc/elrte/css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="http://redaktor.loc/elrte/css/elrte.min.css" type="text/css" media="screen" charset="utf-8">

 <script src="http://redaktor.loc/elrte/js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="http://redaktor.loc/elrte/js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="http://redaktor.loc/elrte/js/elrte.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="http://redaktor.loc/elrte/js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script>

<script src="http://redaktor.loc/elfinder/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="http://redaktor.loc/elfinder/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     : 'en',
                height   : 420,
                toolbar  : 'maxi',
                cssfiles : ['.http://redaktor.loc/elrte/css/elrte-inner.css'],
                fmOpen : function(callback) {
                    $('<div id="myelfinder" />').elfinder({
                        url : 'http://redaktor.loc/elfinder/php/connector.php',
                        lang : 'en',
                        dialog : { width : 900, modal : true, title : 'elFinder - file manager for web' },
                        closeOnEditorCallback : true,
                        editorCallback : callback
                    })
                }
            }
            $('#editor').elrte(opts);
      });

 </script>

</head>

<body>
<form action="save.php"  method='post'>

 <textarea id="editor" name="kod" cols="40" rows="5">
Пишем здесь...
</textarea>
</form>

</body>

RE: Объеденить elrte + elfinder - Added by вова фомин 12 days ago

для эксперемента попробовал заменить строки:

<script src="http://redaktor.loc/elfinder/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://redaktor.loc/elfinder/js/i18n/elfinder.ru.js" type="text/javascript" charset="utf-8"></script>

на строки как в демо:

<script src="http://elrte.org/release/elfinder/js/elfinder.min.js"            type="text/javascript" charset="utf-8"></script>
<script src="http://elrte.org/release/elfinder/js/i18n/elfinder.en.js"    type="text/javascript" charset="utf-8"></script>

после этого окно менеджера начало появляться по нажатию на иконку, но оно пустое, в нем ничего нет.

(1-7/7)