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 (編集: または localhost/elfinder/ckeditor) に行くことで elfinder にアクセスできます。

ただし、ポップアップウィンドウで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

3時間後、私は解決策を得ました：

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 に答える