CKeditor組件與angular2角cli

我想與Angular2運行ckeditor。我正在使用Angular CLI，並且我有一個非常基本的工作應用程序。CKeditor組件與angular2角cli

我已安裝this package使用npm install ng2-ckeditor。我已經把我的system.config.js文件正是按照他們的榜樣，即：

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

，並以同樣的方式我app.modules.ts它包括：

進口{} CKEditorModule從 'NG2-CKEditor的';

@NgModule({ 
    // ... 
    imports:  [ 
    CKEditorModule 
    ], 
    // ... 
}) 
export class AppModule { }

運行ng build和ng serve後，我得到我的控制檯以下錯誤：

預期的值 'CKEditorModule' 由模塊進口 '的AppModule'

我不明白爲什麼？

來源

2016-10-17 Inigo

這個答案是完全回答對角4 [點擊這裏]（https://stackoverflow.com/a/44598775/6266192）。例如， –

我發現了一種方法，這一問題：

在您的index.html只是在報頭塊添加此：

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

通過NPM安裝ng2-ckeditor

npm install ng2-ckeditor --save

在你app.component.ts補充一點：

import { CKEditorComponent } from '../../../node_modules/ng2-ckeditor/src/ckeditor.component'; @NgModule({ declarations: [ CKEditorComponent ], exports: [ CKEditorComponent, ] })

使用編輯器這樣的：

<ckeditor [(ngModel)]="myContent" debounce="500"></ckeditor>

來源

2016-12-28 22:06:54 Thierry

+1。有沒有辦法添加需要修改config.js的外部插件？有問題的插件是[pbckcode] （https://github.com/prbaron/pbckcode）。 – shark1608

CKeditor組件與angular2角cli

回答

相關問題