Question

请不要将此问题标记为已重新编写，因为stackoverflow上的所有可用解决方案都无法解决我的问题，我正在尝试将ng2-ckeditor ckeditor集成到现有的角度4项目中。我尝试按照Here描述的步骤，但徒劳无功。我发现了关于git和stackoverflow的不同讨论，但对我没有用。

我按照以下步骤进行了

引用了索引文件中的以下js文件

class SignInFormComponent {
  @Input() currentLogin: string;
  formGroup: FormGroup;

  constructor(private fb: FormBuilder) {
    // this.currentLogin is not known yet here
  }

  ngOnInit(): void {
    this.formGroup = this.fb.group({
      loginEmail: [this.currentLogin, Validators.email],
      loginPassword: [''],
    });
  }
}

我的app.module.ts中的导入模块

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

但是当我尝试在我的应用程序中使用ckeditor代码时

import{CKEditorModule} from "ng2-ckeditor"; 
.
.
.;

imports: [
    BrowserModule,
    AppRoutingModule,
  .
  .
  .,
    CKEditorModule,
  ],

它被标记为未知元素我得到以下文字提示

<ckeditor [(ngModel)]="description" > </ckeditor>

当我运行服务命令时，编译成功但没有显示任何内容，我收到以下控制台错误

[Angular]
'ckeditor' is not a known element:
1. If 'ckeditor' is an Angular component, then verify that it is part of this module.
2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

任何帮助将不胜感激

Answer 1

我只是创建了一个集成ng2-ckeditor：ng2-ckeditor-example的示例应用。不需要使用SystemJS。我只是将这一行放在index.html文件中

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

然后导入CKEditorModule（用于ckeditor指令）和FormsModule（用于ngModel）。希望我能帮忙！

Answer 2

Silly错误浪费了很多时间，但是却忘记了导出模块，

@NgModule({
    imports: [... , CKEditorModule],
    declarations: [
        ...
    ],
    exports: [
        ...
        CKEditorModule //Don't forget to export
    ],
})

在angular \ cli中使用ng2-ckeditor

2 个答案: