laravel 5.1,CKEditor,barryvdh / laravel-elfinder,没有浏览按钮

时间:2015-07-12 22:25:53

标签: php laravel ckeditor elfinder

我已将CKEditor实现为:

<div class="form-group">
{!! Form::label('text', '*Article') !!}
{!! Form::textarea('text', null, ['class' => 'form-control ckeditor', 'placeholder' => 'Article.', 'name'=>'text', 'rows' => '7']) !!}
<script>
    CKEDITOR.replace( 'text', {
        filebrowserBrowseUrl = '/elfinder/ckeditor',
        filebrowserImageBrowseUrl : '/elfinder/ckeditor',
        uiColor : '#9AB8F3',
        height : 300
    } );
</script>

并在我的文件底部

<script src="http://cdn.ckeditor.com/4.4.7/standard/ckeditor.js"></script>

我已按照此处的说明安装了elfinder:

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

我可以通过访问localhost / elfinder(编辑:或localhost / elfinder / ckeditor)访问elfinder

然而,我错过了&#34;浏览服务器&#34; (我想)应该在弹出窗口中打开elfinder的按钮。

以下是我的路线: enter image description here

请询问您是否还需要更多信息。谢谢!

编辑: - 关闭浏览按钮html -

以下是使用display:none;呈现的浏览按钮。

<a style="margin-top: 14px; margin-left: auto; margin-right: auto; display: none; -moz-user-select: none;" href="javascript:void(0)" title="Browse Server" hidefocus="true" class="cke_dialog_ui_button" role="button" aria-labelledby="cke_76_label" id="cke_77_uiElement"><span id="cke_76_label" class="cke_dialog_ui_button">Browse Server</span></a>

EDIT2: - 检查此元素错误 -

当我在浏览器中右键单击检查此元素然后在控制台上时,我收到此错误: ReferenceError: CKEDITOR is not defined

在脚本的第一行: CKEDITOR.replace( 'text', {

1 个答案:

答案 0 :(得分:1)

三个小时后我得到了解决方案:

CKEDITOR.replace();需要转到document.ready函数:

<script>
    $( document ).ready(function() {
        CKEDITOR.replace( 'text', {
            filebrowserBrowseUrl : '/elfinder/ckeditor',
            filebrowserImageBrowseUrl : '/elfinder/ckeditor',
            uiColor : '#9AB8F3',
            height : 300
        } );
    });
</script>