Question

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

我使用npm install ng2-ckeditor安装了this package。我已根据其示例完全设置了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

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

在index.html中，只需在标题栏中添加：

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

通过NPM安装ng2-ckeditor

npm install ng2-ckeditor --save
在你的app.component.ts中添加：

import { CKEditorComponent } from '../../../node_modules/ng2-ckeditor/src/ckeditor.component'; @NgModule({ declarations: [ CKEditorComponent ], exports: [ CKEditorComponent, ] })
使用这样的编辑器：

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

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

1 个答案: