Компонент CKeditor с угловой2 угловой

Question

Я пытаюсь запустить ckeditor с Angular2. Я использую Angular CLI, и у меня есть очень простое рабочее приложение.

Я установил этот пакет, используя npm install ng2-ckeditor, Я установил мой system.config.js файл точно в соответствии с их примером, то есть:

System.config({
    "map": {
      "ng2-ckeditor": "npm:ng2-ckeditor",
    },
    "packages": {
      "ng2-ckeditor": {
        "main": "lib/index.js",
        "defaultExtension": "js",
      },
    }
  });

и включил его в мой app.modules.ts таким же образом:

import {CKEditorModule} из 'ng2-ckeditor';

@NgModule({
  // ...
  imports:      [
    CKEditorModule
  ],
  // ...
})
export class AppModule { }

После запуска ng build а также ng serve Я получаю следующую ошибку в моей консоли:

Неожиданное значение "CKEditorModule", импортированное модулем "AppModule"

Я не понимаю почему?

Answer 1

Я нашел способ решить эту проблему:

1. В вашем index.html просто добавьте это в блок заголовка:

<script src="https://cdn.ckeditor.com/4.6.1/full/ckeditor.js"></script>

2. Установите ng2-ckeditor через NPM

   npm install ng2-ckeditor --save

3. В вашем app.component.ts добавьте это:

   import { CKEditorComponent } from '../../../node_modules/ng2-ckeditor/src/ckeditor.component'; @NgModule({ declarations: [ CKEditorComponent ], exports: [ CKEditorComponent, ] })

4. Используйте редактор так:

   <ckeditor [(ngModel)]="myContent" debounce="500"></ckeditor>