Javascript ckeditor-获取最后一个光标位置并在该位置附加html 我正在使用ngx ckeditor:^0.4.0，在angular 5中。

这是我的html代码

<ck-editor #ckeditor name="html_template" (click)="getCaretPos(ckeditor)" (change)="ckEditorChange(ckeditor)" [(ngModel)]="mailModel.html_template" [config]="ckEditorConfig">
</ck-editor>

有了这段代码，我无法获得游标的最后位置&不知道如何在其中附加html

在html指令中添加模糊事件

<ck-editor #ckeditor name="html_template" (blur)="ckEditorFocusOut($event)" [(ngModel)]="mailModel.html_template" [config]="ckEditorConfig">

然后在组件中添加函数

public ckEditorFocusOut(event) {
    var selection = event.editor.getSelection();
    var ranges = selection.getRanges();
    var range = ranges[0];

    var newRange = event.editor.createRange();

    var moveToEnd = true;
    newRange.moveToElementEditablePosition(range.endContainer, moveToEnd);

    var newRanges = [newRange];
    selection.selectRanges(newRanges);

    event.editor.insertHtml("<span>Hello World!</span>");
}

你好，世界！文本在编辑器中的最后一个光标位置添加

public ckEditorFocusOut(event) {
    var selection = event.editor.getSelection();
    var ranges = selection.getRanges();
    var range = ranges[0];

    var newRange = event.editor.createRange();

    var moveToEnd = true;
    newRange.moveToElementEditablePosition(range.endContainer, moveToEnd);

    var newRanges = [newRange];
    selection.selectRanges(newRanges);

    event.editor.insertHtml("<span>Hello World!</span>");
}