我按照ckeditor5的docs中提到的文本对齐插件的安装步骤进行了操作。

添加了对齐插件，如下所示

从'@ ckeditor / ckeditor5-alignment / src / alignment'导入对齐方式;

ClassicEditor

.create(this.element.nativeElement，{

插件：[对齐]，

工具栏：['alignment']

})

我收到以下错误：

TypeError: Cannot read property 'getAttribute' of null

at IconView._updateXMLContent (iconview.js:100)

at IconView.render (iconview.js:76)

at IconView.on (observablemixin.js:241)

at IconView.fire (emittermixin.js:196)

at IconView.(anonymous function) [as render] (webpack-internal:///./node_modules/@ckeditor/ckeditor5-utils/src/observablemixin.js:249:16)

at ViewCollection.on (viewcollection.js:68)

at ViewCollection.fire (emittermixin.js:196)

at ViewCollection.add (collection.js:182)

at ButtonView.render (buttonview.js:160)

at ButtonView.on (observablemixin.js:241)

有人可以帮我解决这个问题吗？按照文档中提到的步骤进行操作，但仍然遇到此问题。

以下是ckeditor的完整angular5组件代码：

import { Component, OnInit, OnDestroy, NgZone, ElementRef, ChangeDetectionStrategy, forwardRef } from '@angular/core';

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

import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment';

import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';

@Component({

selector: 'ck-editor',

template: '',

styleUrls: ['./ck-editor.component.scss'],

providers: [{

provide: NG_VALUE_ACCESSOR,

useExisting: forwardRef(() => CkEditorComponent),

multi: true

}],

changeDetection: ChangeDetectionStrategy.OnPush

})

export class CkEditorComponent implements ControlValueAccessor, OnInit, OnDestroy {

onChange: Function;

onTouched: Function;

model: string;

editor;

constructor(private ngZone: NgZone,

private element: ElementRef) {

}

ngOnInit() {

ClassicEditor

.create(this.element.nativeElement, {

plugins: [Alignment],

toolbar: [

'heading', '|', 'bulletedList', 'numberedList', 'alignment', 'undo', 'redo'

]

})

.then(editor => {

this.editor = editor;

editor.model.document.on('change', () => {

if (editor.model.document.differ.getChanges().length > 0) {

this.ngZone.run(() => this.onChange(editor.getData()));

}

});

editor.model.document.on('blur', () => {

this.ngZone.run(() => this.onTouched());

});

this.editor.setData(this.model ? this.model : '');

})

.catch(error => {

console.error(error);

});

}

ngOnDestroy() {

if (this.editor) {

return this.editor.destroy();

}

}

writeValue(value) {

this.model = value;

}

registerOnChange(fn) {

this.onChange = fn;

}

registerOnTouched(fn) {

this.onTouched = fn;

}

}