1

我已将 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 访问 elfinder（编辑：或 localhost/elfinder/ckeditor）

但是，我错过了（我想）应该在弹出窗口中打开 elfinder 的“浏览服务器”按钮。

这是我的路线： 在此处输入图像描述

请问您是否还需要什么。谢谢！

编辑：--缺少浏览按钮 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', {

4

1 回答 1

1

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

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

<script>
    $( document ).ready(function() {
        CKEDITOR.replace( 'text', {
            filebrowserBrowseUrl : '/elfinder/ckeditor',
            filebrowserImageBrowseUrl : '/elfinder/ckeditor',
            uiColor : '#9AB8F3',
            height : 300
        } );
    });
</script>
于 2015-07-13T02:10:39.063 回答