как использовать метод insertText в ngx-ckeditor angular 7

Question

Я использую angular 8 в своем проекте и пытаюсь реализовать ngx-CKEditor . Мне нужно добавить пользовательский текст в редакторе, это должно произойти. Когда я нажимаю на список, мне нужно добавить содержимое в CKEditor.

Я пытался с этим кодом, но у меня не работает.

<ck-editor name="editor" #myEditor [(ngModel)]="editorValue" skin="moono-lisa" language="en" [fullPage]="true"></ck-editor>

<ul>
        <li (click)="selectText('adasdasd1')">adasdasd1</li>
        <li (click)="selectText('adasdasd2')">adasdasd2</li>
    </ul>

В файле TS

public editorValue;
@ViewChild("editor", { static: true }) myEditor: any;

событие щелчка в файле TS

selectText(value) {
    this.myEditor.instances.insertText(value);
  }

Я получаю сообщение об ошибке: ERROR TypeError: Cannot read property 'instances' of undefined

Answer 1

Попробуйте использовать с {static: false}:

@ViewChild("editor", { static: false }) myEditor: any;

false означает, что оно разрешается после обнаружения изменения .

ОБНОВЛЕНИЕ:

Вам необходимо использовать одно и то же имя в файлах .ts и .html (имя со знаком #):

HTML:

<ck-editor name="editor" #myEditor [(ngModel)]="editorValue" 
     skin="moono-lisa" language="en" [fullPage]="true"></ck-editor>

TypeScript:

 @ViewChild("myEditor", { static: false }) myEditor: any;

и используйте его так:

this.myEditor.instance.insertText(value);