苏州谢谢网络公司/百度推广账户优化
我按照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;
}
}