在Angular2中实现CKeditor

Question

在我的项目中，我需要使用Angular 2实现CKeditor。我还需要添加额外的插件，链接附件，视频，音频等。我需要添加到node_modules / ckeditor或bower_components / ckeditor的plugins文件夹中的自定义插件。如果我使用npm或bower，我在进行npm安装或bower安装时会覆盖额外插件的自定义设置。那么Angular 2的最佳方法是什么。请帮忙。

谢谢， Dipali

Answer 1

您可以使用此https://github.com/chymz/ng2-ckeditor作为angular2本身的ckeditor的直接实现。如果您想使用任何外部库，请按以下步骤操作：

• 安装库（使用npm作为bower将很快死掉：P）

  npm install <modulename/libraryname>

• 为模块添加打字稿定义

  tsd install <modulename/libraryname>

• 在index.html或root html文件中包含脚本

  <script src=”node_modules/<modulename/libraryname>/modulename.js”></script>

• 在systemsjs.config.js中添加路径配置，以便执行 SystemJs将从此路径中选择js源 System.config({ [...] paths: { module_var: ‘./node_modules/<modulename>/module.js’ } });

• 导入所需组件中的模块 import * as var_name from ‘module_var’;

现在您可以使用此组件中的库。 希望它成功：）