javascript - Angular 为 4 的 CKeditor 组件

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 创建你的 angular 4 项目，你不需要 angular-clli 中的 system.config，它只在 system.js 中使用，并且您拥有的代码告诉 system.js 在哪里可以找到 ckeditor 模块。如果你不清楚，只要检查你的项目是否有'angular-cli.json'文件，如果有，那么你可以按照以下步骤操作:

1. 使用 npm install ng2-ckeditor 安装 ng2-ckeditor
2. 在你的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 { }

然后

1. 在你的 index.html 添加

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

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

那么你可以在你的angular 4项目中使用ckeditor