Question

我正在使用laravel 4，我想使用Elfinder filemanager，但它不起作用。我先在我的localhost上测试了Elfinder。 Elfinder单独工作，但不是在laravel：

这是我母版页中的包含内容。那可能有问题吗？

{{HTML::style('filemanager1/css/elfinder.min.css')}}
{{HTML::script('filemanager1/js/elfinder.min.js')}}
<!-- Mac OS X Finder style for jQuery UI smoothness theme (OPTIONAL) -->
{{HTML::style('filemanager1/css/theme.css')}}


<!-- Normal -->

{{HTML::style('http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css')}}
{{HTML::script('text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js')}}
{{HTML::script('text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js')}}
{{HTML::script('http://code.jquery.com/jquery-1.9.1.js')}}
{{HTML::script('http://code.jquery.com/ui/1.10.3/jquery-ui.js')}}


{{HTML::script('js/bootstrap.js')}}
{{HTML::script('js/expandingbox.js')}}
{{HTML::script('js/jscolor/jscolor.js')}}
{{HTML::style('css/bootstrap.css')}}

这是我视图中的代码。

<script type="text/javascript" charset="utf-8">
    $().ready(function() {
        var elf = $('#elfinder').elfinder({
            // lang: 'ru',             // language (OPTIONAL)
            url : 'filemanager1/php/connector.php'  // connector URL (REQUIRED)
        }).elfinder('instance');            
    });
</script>

<!-- Element where elFinder will be created (REQUIRED) -->
<div id="elfinder"></div>

Answer 1

您尝试创建额外标记的方式存在一些问题。这对Blade不起作用：

{{HTML::script('text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js')}}

以下是适合您的代码。它在这里进行了测试。

<html>
    {{HTML::style('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css', array('media' => 'screen'))}}
    {{HTML::script('http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js', array('type' => 'text/javascript'))}}
    {{HTML::script('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js', array('type' => 'text/javascript'))}}
    {{HTML::style('filemanager1/css/elfinder.min.css', array('media' => 'screen'))}}
    {{HTML::script('filemanager1/js/elfinder.min.js', array('type' => 'text/javascript'))}}
    {{HTML::style('filemanager1/css/theme.css', array('media' => 'screen'))}}

    <body>

    Elfinder
    <!-- Element where elFinder will be created (REQUIRED) -->
    <div id="elfinder"></div>

    <script type="text/javascript" charset="utf-8">
        $().ready(function() {
            var elf = $('#elfinder').elfinder({
                // lang: 'ru',             // language (OPTIONAL)
                url : 'filemanager1/php/connector.php'  // connector URL (REQUIRED)
            }).elfinder('instance');            
        });
    </script>

    </body>
</html>

Answer 2

也许为时已晚，但您可以尝试使用此软件包将elFinder集成到您的laravel应用程序中，包括tinymce

https://github.com/barryvdh/laravel-elfinder

Elfinder文件管理器

2 个答案: