Angular2 ckeditor编辑配置

Question

这是CKEditor文档说的配置编辑器的方式http://docs.ckeditor.com/#!/guide/dev_toolbarconcepts-section-toolbar-groups-configuration

我在HTML中使用这样的

<ckeditor
  [(ngModel)]="ckeditorContent"
  [config]="{toolbar : 'Basic', uiColor: '#FFFFFF'}"
  (change)="onChange($event)"
  (ready)="onReady($event)"
  (focus)="onFocus($event)"
  (blur)="onBlur($event)"
  debounce="1000"
  >
</ckeditor>

那么如何在angular2中将此配置提供给我的CKEditor？

Answer 1

根据文档，您应该将config对象作为Input 传递：

import { Component } from '@angular/core';

@Component({
  selector: 'sample',
  template: `
  <ckeditor
    [config]="config">
  </ckeditor>
  `
})
export class Sample{
  constructor(){
    this.config = {uiColor: '#99000'};
  }
}