具有角度2角度cli的CKeditor组件

Question

我正在尝试使用Angular2运行ckeditor.我正在使用Angular CLI,我有一个非常基本的工作应用程序.

我已经intstalled 这个包使用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以同样的方式包含在我的中:

从'ng2-ckeditor'导入{CKEditorModule};

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

运行后ng build,ng serve我在控制台中收到以下错误:

模块'AppModule'导入的意外值'CKEditorModule'

我不明白为什么？

Answer 1

我找到了解决这个问题的方法:

1. 在index.html中,只需在标题栏中添加:

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

2. 通过NPM安装ng2-ckeditor

   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>