カスタムボタンを追加する| CK Editor Angular 2

Question

CKEditorにカスタムボタンを追加しようとしています。私はこのCKEditor ng2-ckeditorを使用しています。 正常に動作しています。ボタンを追加したいと思います。このボタンをクリックすると上レールのテンプレートタグ

例を追加します：

を私は以下の例のようにボタンを追加することができますが、私は、そのメソッドを記述するのか分かりません。これにより、<%= sender_name %>タグがCKEditorのテキストの現在の位置に挿入されます。

<ckeditor 
    [(ngModel)]="ckeditorContent"> 
    <ckbutton [name]="'saveButton'" 
     [command]="'saveCmd'" 
     (click)="save($event)" 
     [icon]="'save.png'" 
     [label]="'Save Document'" 
     [toolbar]="'clipboard,1'"> 
    </ckbutton> 
</ckeditor> 

私を助けてください。どのように私はangular2のタイスクリプトでそれを行うことができます。

Answer 1

最後に解決策が見つかりました。それは非常に簡単です。非常に簡単。 ckeditor.component.html

<ckeditor 
    [(ngModel)]="ckeditorContent"> 
    <ckbutton [name]="'saveButton'" 
     [command]="'insert_name'" 
     (click)="insert_name($event)" 
     [icon]="'./path/to/icon.png'" 
     [label]="'Insert User Name'" 
     [toolbar]="'clipboard,1'"> 
    </ckbutton> 
</ckeditor> 

ckeditor.component.ts

insert_name(event){ 
    event.insertText("#{user_name}"); 
} 

で