首页 > 解决方案 > 在 Laravel 项目中为 CKEDITOR5 配置 CKFINDER

问题描述

我想在 Laravel 项目中使用 CKEditor 5,并且我完成了将图像上传到服务器的配置,但是上传的图像没有显示在 CKEditor 中。我该如何配置它?

代码

<script>
    ClassicEditor.create( document.querySelector( '#editor' ),{
        ckfinder: {
            // Upload the images to the server using the CKFinder QuickUpload command.
            uploadUrl: "{{ route('ck.upload',['_token'=> csrf_token()]) }}",
            // Define the CKFinder configuration (if necessary).
            options: {
                resourceType: 'Images'
            }
        }
    })
    .then( editor => {
        console.log( editor );
    })
    .catch( error => {
        console.error( error );
    });
</script>

控制器

public function ckUpload(Request $request) 
{
    $file = $request->upload;
    $fileName = $file->getClientOriginalName();
    $new_name = time().$fileName;
    $dir = "images/";
    $file->move($dir, $new_name);
    $url = asset('images/'.$new_name);
    $CkeditorFuncNum = $request->input('CKEditorFuncNum');
}

标签: laravelckeditorckfinder

解决方案


推荐阅读