ng2-ckeditor＆＃34; CKEDITOR＆＃34;没有定义的

Question

我已完成以下步骤：

1. 安装ng2-ckeditor -JSPM：jspm install ng2-ckeditor = github：chymz / ng2-ckeditor -NPM：npm install ng2-ckeditor

2. 创建ts文件：

   import {Component} from 'angular2/core';
   import {CKEditor} from 'ng2-ckeditor';
   
   @Component({
     selector: 'sample',
     directives: [CKEditor],
     template: `
       <ckeditor [(ngModel)]="ckeditorContent" [config]="{uiColor: '#99000'}"></ckeditor>`
   })
   export class Sample{
     constructor(){
       this.ckeditorContent = `<p>My HTML</p>`;
     }
   }
   

但是在运行时我遇到了异常＆＃34; CKEDITOR未定义＆＃34;。

我尝试导入＆＃34; ckeditor ＆＃34;本身， 但在这种情况下，我有另一个运行时异常 ＆＃34; ckeditor uncaught typeerror无法设置属性＆＃39; dir＆＃39;未定义的＆＃34;

感谢。

Answer 1

你错过了一步。您需要在HTML中包含指向实际CKEditor源文件的链接。转到here并选择一个版本。像这样包括它：

<script src="//cdn.ckeditor.com/4.5.8/full/ckeditor.js"></script>

其余步骤如您所述。

修改

如果你没有正确设置SystemJS，应该看起来像这样：

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