Блог

Я пытаюсь интегрировать CKFinder в приложение Vue js. Но столкнувшись с этой проблемой, неперехваченная ошибка типа: не удается прочитать свойство ‘modal’ неопределенного.

Я следую официальной документации для CKEditor5 / CKFinder для Vue js.

Здесь конфигурация ckfinder.

     ckfinder: {
        // Define the CKFinder configuration (if necessary).
        options: {
            resourceType: 'Images'
        },
    }

  

Вот полное сообщение об ошибке, отображаемое в консоли браузера.

 Uncaught TypeError: Cannot read property 'modal' of undefined
    at CKFinderCommand.execute (ckfindercommand.js?9ed3:153)
    at CKFinderCommand.eval (observablemixin.js?3466:268)
    at CKFinderCommand.fire (emittermixin.js?e4c7:236)
    at CKFinderCommand.(:9191/anonymous function) [as execute] (webpack-internal:///./node_modules/@ckeditor/ckeditor5-utils/src/observablemixin.js:296:19)
    at CommandCollection.execute (commandcollection.js?e961:92)
    at ClassicEditor.execute (editor.js?7e01:299)
    at ButtonView.eval (ckfinderui.js?8a75:47)
    at ButtonView.fire (emittermixin.js?e4c7:236)
    at TemplateToBinding.eval (buttonview.js?d175:167)
    at ProxyEmitter.callback (template.js?56c1:1208)
  

Сначала вам нужно прикрепить CKFinder к вашей странице, чтобы CKEditor 5 мог его использовать.

Самый простой способ сделать это — использовать тег script:

 <script src="https://example.com/ckfinder/ckfinder.js"></script>
  

Дополнительная информация: https://ckeditor.com/docs/ckeditor5/latest/features/image-upload/ckfinder.html#configuring-the-full-integration