Question

我是Angular4的新手

我想在Angular4中集成CKeditor

当我按照this url但是Angular 2不适用于Angular 4时。

我在那里检查

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

但Angular 4中的System.config没有任何选项

然后我已经集成了froala但是它提供了许可错误，也不允许配置，我试过但它没有影响

如何在Angular4中集成CKeditor？

Answer 1

我假设您使用angular-cli来创建角度4项目，您不需要angular-clli中的system.config，它只在system.js中使用，而您在那里的代码告诉系统。 js在哪里可以找到ckeditor模块。如果您不清楚，只需检查您的项目是否有'angular-cli.json'文件，如果有，那么您可以按照以下步骤操作：

使用npm install ng2-ckeditor安装ng2-ckeditor
在你的app.module.ts中，你应该有这样的东西

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { CKEditorModule } from 'ng2-ckeditor';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],

  imports: [
    BrowserModule,
    CKEditorModule,
    FormsModule
  ],

  providers: [],

  bootstrap: [AppComponent]
})

export class AppModule { }

然后

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

头部内侧。或者，您可以将js文件保存在项目中，然后输入.angular-cli.json文件，将该文件的文件添加到scripts数组

然后你可以在角度4项目中使用ckeditor

角度为4

1 个答案: