如何解决CK Editor经典编辑器从父组件更新数据
我在 angular7 中使用 CK Editor5。虽然我尝试输入一些它对我来说工作正常,但我想通过单击一个函数来更新父组件中编辑器的数据,但它对我不起作用。
Editor code:
HTML:
<ckeditor [editor]="Editor" data="" (ready)="onReady($event)"(change)="onChange($event)"></ckeditor>
TS:
@Component({
selector: 'app-text-editor',templateUrl: './text-editor.component.html',styleUrls: ['./text-editor.component.css']
})
export class TextEditorComponent implements OnInit {
public Editor = ClassicEditor;
@input() content: string;
@Output() contentChange: EventEmitter<string> = new EventEmitter();
langs = {
fr: 'fr',en: 'en',};
public editorConfig = {
};
constructor() {
}
ngOnInit() {
}
public onChange( { editor }: ChangeEvent ) {
console.log(">>>>>>>>>>hererererre");
const data = editor.getData();
this.contentChange.emit(data);
}
public onReady(editor) {
this.uploadAdapter(editor);
}
public uploadAdapter(eventData) {
eventData.plugins.get('FileRepository').createUploadAdapter = function (loader) {
return new UploadAdapter(loader);
};
}
}
parent component Html:
<app-text-editor (contentChange)="checkContent($event)" [(content)]="contentValue"></app-text-editor>
parent component TS file:
keywordUpdate(event) {
console.log(">>>>>>>>>>ediddd",this.Editor);
this.myform.controls.emailContentEnriched.setValue('test');
}
有什么方法可以更新父组件的编辑器值。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。