Forums » English »

elFinder is undefined - JavaScript browser console

Added by ----- -----. 11 months ago

In the browser console I receive the message 'elFinder is undefined (elrte.min.js line 8)'.
My configuration is the following:

<!-- elRTE & elFinder Configuration -->
$().ready(function() {
elRTE.prototype.options.panels.customPanel = [ ];
  elRTE.prototype.options.toolbars.customToolbar = ['customPanel', 'copypaste', 'undoredo', 'elfinder', 'style', 'alignment', 'direction', 'colors', 'format', 'indent', 'lists', 'links', 'elements', 'media', 'tables', 'fullscreen', 'save'];
            var opts = {
                doctype : '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">',
                cssClass : 'el-rte',
                lang     : 'de',
                toolbar  : 'customToolbar',
                cssfiles : ['css/elrte-inner.css'],

                fmOpen : function(callback) {
                    $('<div id="editor">').elfinder({
                       url : 'elfinder/connectors/php/connector.php',
                       lang : 'de',
                       dialog : { width : 900, modal : true, title : 'Dateimanager' }, // open in dialog window
                       closeOnEditorCallback : true, // close after file select
                       editorCallback : callback     // pass callback to file manager
       })
    }
            }
            $('#editor').elrte(opts);
        })

Replies (8)

RE: elFinder is undefined - JavaScript browser console - Added by ----- -----. 11 months ago

I included elfinder.min.js, did you mean that?

All includes:

<!-- jQuery and jQuery UI -->
    <script src="js/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8" />

    <!-- elRTE -->
    <script src="js/elrte.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="css/elrte.min.css" type="text/css" media="screen" charset="utf-8" />

    <!-- elRTE translation messages -->
    <script src="js/i18n/elrte.de.js" type="text/javascript" charset="utf-8"></script>
    <!-- elfinder -->
      <script src="elfinder/js/i18n/elfinder.de.js" type="text/javascript" charset="utf-8"></script>
       <script src="custom/jsFunctions.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="elfinder/css/elfinder.css" type="text/css" media="screen" charset="utf-8" />
    <script src="elfinder/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>

RE: elFinder is undefined - JavaScript browser console - Added by Troex Nevelin 11 months ago

$('<div id="editor">').elfinder({

$('#editor').elrte(opts);

You are trying to create elRTE and elFinder on the node with same ID, I think this is the problem, create elFinder on another node like: $('<div id="finder">').elfinder({

RE: elFinder is undefined - JavaScript browser console - Added by ----- -----. 10 months ago

It didn't help.
What else can I do?

RE: elFinder is undefined - JavaScript browser console - Added by Troex Nevelin 10 months ago

Try to use standard toolbar, or just comment out toolbar option and see if it works

RE: elFinder is undefined - JavaScript browser console - Added by Troex Nevelin 10 months ago

Probably:
<script src="elfinder/js/elfinder.min.js" type="text/javascript" charset="utf-8"></script>
should be before
<script src="elfinder/js/i18n/elfinder.de.js" type="text/javascript" charset="utf-8"></script>

RE: elFinder is undefined - JavaScript browser console - Added by ----- -----. 10 months ago

It was the solution.
Thanks again!

(1-8/8)