Question

我正在尝试在CKEditor中添加自定义按钮。我正在使用这个CKEditor ng2-ckeditor。它工作正常。但我想添加一个按钮。单击此按钮将添加rails模板标记

示例：

我可以像下面的例子一样添加按钮，但我不知道如何编写它的方法。这将在CKEditor中的文本的当前位置插入<%= sender_name %>标记。

<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}");
}

添加自定义按钮| CK Editor Angular 2

1 个答案: