Forms Angular 2 CKEditor:编辑器实例已附加到提供的元素_Forms_Angular_Ckeditor

Forms Angular 2 CKEditor:编辑器实例已附加到提供的元素

forms angular ckeditor

Forms Angular 2 CKEditor:编辑器实例已附加到提供的元素,forms,angular,ckeditor,Forms,Angular,Ckeditor,我使用的是这篇文章答案中解释的解决方案，但是我得到了以下错误：编辑器实例“editor1”已附加到提供的元素更新 ckeditor.ts import{Component，Input}来自“angular2/core”； @组成部分({ 选择器：“CKEDITOR”，模板：` 这是我的编辑器组件。 ` }) 导出类编辑器{ @Input（）targetId； @Input（）rows=10；//您也可以在此处给出默认值 @输入（）cols；构造函数（）{} 恩戈尼尼特（）{ 窗口['C

我使用的是这篇文章答案中解释的解决方案，但是我得到了以下错误：

编辑器实例“editor1”已附加到提供的元素

更新 ckeditor.ts

import{Component，Input}来自“angular2/core”；
@组成部分({
选择器：“CKEDITOR”，
模板：`
这是我的编辑器组件。
`
})
导出类编辑器{
@Input（）targetId；
@Input（）rows=10；//您也可以在此处给出默认值
@输入（）cols；
构造函数（）{}
恩戈尼尼特（）{
窗口['CKEDITOR']['replace']（this.targetId）；
}
}

模板

templateUrl:``，
指令：[编辑]

更新我正在使用自定义编辑器

  <script src="/ckeditor/ckeditor.js"></script>


  System.config({
      packages: {
        app: {
          format: 'register',
          defaultExtension: 'js'
        },
        "ng2-ckeditor": {
          "defaultExtension": "js"
        }
      }, map: {
        "ng2-ckeditor": "node_modules/ng2-ckeditor/lib/CKEditor.js"
      }
    });


System.config({
套餐：{
应用程序：{
格式：'寄存器'，
defaultExtension:'js'
},
“ng2 ckeditor”：{
“defaultExtension”：“js”
}
}，地图：{
“ng2 ckeditor”：“node_modules/ng2 ckeditor/lib/ckeditor.js”
}
});

您是否检查过初始化编辑器的代码是否因为任何原因被多次调用？请添加一些代码来演示您的尝试。您的应用程序是否包含多个

Ckeditor

组件实例？您的

Ckeditor

组件（或其祖先之一）是由路由器添加的还是静态添加的？我已经更新了这个问题。我确实使用了

两次，但现在我得到了一个不同的错误：

无法读取未定义的属性“getEditor”

只是一个猜测：将

ngOnInit（）

更改为

ngAfterViewInit（）

，否则我就不知道了。错误消息（堆栈跟踪，…）是否有更多详细信息？仍然是相同的错误：

无法读取位于ckeditor.ngAfterViewInit（ckeditor.ts:13）的Object.ckeditor.replace（ckeditor.js:329）处（ckeditor.js:325）未定义的属性“getEditor”