代碼片段:
package.json
...
"dependencies": {
...
"ckeditor": "^4.6.2",
"ng2-ckeditor": "^1.1.6",
...
}
在module模塊中引入 中引入 CKEditorModule
import { CKEditorModule } from 'ng2-ckeditor';
...
@NgModule({
imports:[
...
CKEditorModule,
...
]
})
在html模板中引入CKeditor 標籤:
<ckeitor></ckeditor>
在.angular-cli.json中引入 ckeditor js
"scripts": [
...
"../node_modules/ckeditor/ckeditor.js"
]
運行後頁面出現如下錯誤
使用cdn 解決,去掉package.json 中的ckeditor 依賴,去掉.angular-cli.json 中ckeditor.js的引入
<script src="//cdn.ckeditor.com/4.6.2/full/ckeditor.js"></script>