Configuring a route in Laravel 5 for CKEditor to work with CKFinder

Question

Hi, I am trying to integrate CKFinder with CKEditor into a laravel project. I made the following settings in the CKEditor config.js file:

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    config.uiColor = '#ffffff';
    config.removePlugins = 'forms, div, save, print, preview, newpage, _cut, bidi, showblocks, about, undo, redo, removeformat';


    config.filebrowserBrowseUrl = 'kcfinder/browse.php?opener=ckeditor&type=files';
    config.filebrowserImageBrowseUrl = 'kcfinder/browse.php?opener=ckeditor&type=images';
    config.filebrowserFlashBrowseUrl = 'kcfinder/browse.php?opener=ckeditor&type=flash';
    config.filebrowserUploadUrl = 'kcfinder/upload.php?opener=ckeditor&type=files';
    config.filebrowserImageUploadUrl = 'kcfinder/upload.php?opener=ckeditor&type=images';
    config.filebrowserFlashUploadUrl = 'kcfinder/upload.php?opener=ckeditor&type=flash';

};

Then I started to get a button Browse Server. But I don’t know why I can’t access it. I think I need to configure a route to access it, right?

Here is the error I am getting.

Any suggestions how can I set up a route for this?

Thanks!

Answer 1

try it

CKEDITOR.replace( 'editor_ckf',    
{    
    filebrowserBrowseUrl: "{{ asset('ckfinder/ckfinder.html?Type=Files') }}",
    filebrowserImageBrowseUrl: "{{ asset('ckfinder/ckfinder.html?Type=Images') }}",
    filebrowserFlashBrowseUrl: "{{ asset('ckfinder/ckfinder.html?Type=Flash') }}",
    filebrowserUploadUrl: "{{ asset('ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files') }}",
    filebrowserImageUploadUrl: "{{ asset('ckfinder/core/connctor/php/connector.php?command=QuickUpload&type=Images') }}",
    filebrowserFlashUploadUrl: "{{ asset('ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash') }}"
});

Answer 2

KC CK. , .

Answer 3

,

CKEDITOR.replace( 'editor_ckf',
{
    filebrowserBrowseUrl: "{{ asset('ckfinder/ckfinder.html?Type=Files') }}",
    filebrowserImageBrowseUrl: "{{ asset('ckfinder/ckfinder.html?Type=Images') }}",
    filebrowserFlashBrowseUrl: "{{ asset('ckfinder/ckfinder.html?Type=Flash') }}",
    filebrowserUploadUrl: "{{ asset('ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files') }}",
    filebrowserImageUploadUrl: "{{ asset('ckfinder/core/connctor/php/connector.php?command=QuickUpload&type=Images') }}",
    filebrowserFlashUploadUrl: "{{ asset('ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash') }}"
});

Refernce from: - https://www.codesd.com/item/installation-route-in-laravel-5-for-ckeditor-to-work-with-ckfinder.html