CKFinder問題Uncaught TypeError：無法使用CKEditor 5讀取未定義的屬性'modal' - Vue js

Question

我正在嘗試將CKFinder集成到Vue js應用程序中。 但是面對這個問題Uncaught TypeError：無法讀取undefined的屬性'modal' 。

我正在關注Vue js的CKEditor5 / CKFinder 官方文檔 。

這里是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)

Answer 1

您需要先將CKFinder附加到您的頁面，因此CKEditor 5可以使用它。

最簡單的方法是使用腳本標記：

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

更多信息： https ： //ckeditor.com/docs/ckeditor5/latest/features/image-upload/ckfinder.html#configuring-the-full-integration