该错误可能是由于未正确加载自定义插件所导致的。为了解决此问题,需要进行以下步骤:
确认插件名称: 首先确保自定义插件的名称已正确配置在Angular 13 CKEditor5的“plugins”选项中。
检查插件路径: 检查插件路径是否正确,并在CKEditor文件夹中包含该自定义插件。
使用正确的名称: 确保在加载插件时使用正确的名称,而不是错误的名称,否则会导致插件未找到的错误。
检查初始化代码: 确认初始化代码是否正确,并且包含正确的插件名称和路径,用以加载插件。
下面是一个示例代码来加载自定义插件:
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import { CustomPlugin } from './plugins/custom-plugin/plugin';
ClassicEditor.create( document.querySelector( '#editor' ), {
plugins: [ CustomPlugin ],
toolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote' ],
heading: {
options: [
{ model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
{ model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
{ model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' }
]
}
} )
.catch( error => {
console.error( error );
} );
在此示例中,我们加载了自定义插件CustomPlugin,并将其添加到“plugins”选项中。请确保CustomPlugin的名称和路径与实际插件匹配,否则会导致“plugincollection-plugin-not-found”错误。