首页 > 解决方案 > 如何解决“CKEditor 错误:“无法将 null 转换为对象””错误

问题描述

我已经通过 npm 安装了 ckeditor5;

npm install --save @ckeditor/ckeditor5-build-classic

之后,我按照手册中的说明包含了编辑器。通过以下命令:

import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

但是当我尝试执行他们在本手册中提供的示例代码时:

ClassicEditor
    .create( document.querySelector( '#editor' ) )
    .then( editor => {
        console.log( editor );
    } )
    .catch( error => {
        console.error( error );
    } );

我收到错误CKEditorError: "can't convert null to object"。在检查ClassicEditor对象时,我注意到它是一个需要通过new ClassicEditor()属性namebuiltinPluginsdefaultConfig初始化的函数。

通过此方法创建对象时。正在创建一个具有诸如_eventskeystrokesui等属性的新对象。

所以出了点问题,初始化ckeditor。我应该去哪里解决这个问题?由于我遵循了手册中描述的所有步骤,我想我需要查看我的 Angularjs / WebPack 配置。但是不知道去哪里找,因为我对所有其他 32 个包裹都没有问题。

标签: javascriptckeditorckeditor5

解决方案


这可能意味着您传递的元素不存在。一个常见的错误是尝试在元素之前实例化编辑器。确保<div id="editor"></div>在调用之前添加ClassicEditor.create()


推荐阅读