Question

我想将自己的配置文件用于CKEditor，Angular 2中的。

这样做

 CKEDITOR.replace('editor', {
            customConfig: '../../admin/app/js/scripts/ck-editor-config.js',
            extraPlugins: 'colorbutton,colordialog,embed'
});

CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;

但是如何在我的组件中获取CKEDITOR的实例？

我已经在我的Angular 2项目中集成了CKEditor，但我想更改配置文件，我想添加自己的自定义配置。请建议我能做什么？我没有CKEditor的实例。

Answer 1

经过太多的探索，我明白了：

在HTML中使用：

  <div>
       <ckeditor 
                 formControlName="contentBody" 
                 [(ngModel)]="content.contentBody" 
                 [config]="{uiColor: ''}" 
                 [readonly]="false" 
                 debounce="500">
       </ckeditor>
  </div>

在代码行下面添加到您正在使用此component的{{1}}中。

将CKEditor和CKEditorModule导入您的组件：

CKEditorComponent

创建默认内容：

import { CKEditorModule, CKEditorComponent } from 'ng2-ckeditor';

现在，您可以在this.ckeditorContent = `<p>My HTML</p>`;的{{1}}钩中编写 CKEditor的配置：

ngAfterViewChecked()

在Angular 2中使用CKEditor的自定义配置文件

1 个答案: