2015-07-12 47 views
1

我已經實現的CKEditor爲:laravel 5.1,CKEditor的,barryvdh/laravel-elfinder,沒有瀏覽按鈕

<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/CKEditor的)訪問elfinder

然而,我的思念「瀏覽服務器」按鈕(我想)應該在打開elfinder彈出窗口。

這裏是我的路線: enter image description here

請詢問您是否需要什麼。謝謝!

編輯:--missing瀏覽按鈕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:--Inspect此元素error--

當我在檢查該元素的瀏覽器點擊右鍵,然後在控制檯上我回到這個錯誤: ReferenceError: CKEDITOR is not defined

在第一線腳本: CKEDITOR.replace('text', {

回答

1

三小時後,我得到了解決辦法:

CKEDITOR.replace();需要去document.ready函數爲:

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